g3n-data
贊助EN
← 全部工具

Passkey 流程視覺化

逐步探索伺服器、瀏覽器與認證器的註冊及登入；可明確選擇執行本機 WebAuthn 示範。

passkey-flow本機處理

1. 設定與探索

所有輸入留在本分頁，不寫入瀏覽器儲存空間、不放入網址、不發送網路請求。

下方流程可直接探索，不建立憑證。獨立裝置示範會跳出系統提示，建立此站真實 passkey；沒有伺服器驗證或帳號。

選用：本機裝置示範（會建立真實憑證）

只有目前分頁暫存憑證 ID，重新載入即遺失。清除不會刪除認證器憑證；請自行從密碼管理員刪除 local educational demo。60 秒逾時，可取消。

1 / 5

2. 結果與判讀

選擇範例、填寫欄位或探索流程。

伺服器瀏覽器認證器

  1. 產生隨機單次 challenge，綁定使用者 session、預期 origin 與 RP ID。

  2. 呼叫 navigator.credentials.create({publicKey})；執行安全情境及 RP／origin 規則。

  3. 取得使用者同意／驗證並建立憑證金鑰配對；私鑰留在認證器／供應商。

  4. 經 HTTPS 將 clientDataJSON 與 attestationObject 交給信賴方。

  5. 驗證 type、challenge、origin、RP ID hash、使用者在場／驗證及支援演算法；儲存公鑰與憑證 ID。

圖中的伺服器步驟僅供教學；此頁沒有驗證伺服器。

預覽最多 32,000 字元；複製、下載與展開文字均保留完整內容。複製失敗時可選取完整文字。

1. 伺服器
產生隨機單次 challenge，綁定使用者 session、預期 origin 與 RP ID。

2. 瀏覽器
呼叫 navigator.credentials.create({publicKey})；執行安全情境及 RP／origin 規則。

3. 認證器
取得使用者同意／驗證並建立憑證金鑰配對；私鑰留在認證器／供應商。

4. 瀏覽器
經 HTTPS 將 clientDataJSON 與 attestationObject 交給信賴方。

5. 伺服器
驗證 type、challenge、origin、RP ID hash、使用者在場／驗證及支援演算法；儲存公鑰與憑證 ID。
展開可選取的完整文字
1. 伺服器
產生隨機單次 challenge，綁定使用者 session、預期 origin 與 RP ID。

2. 瀏覽器
呼叫 navigator.credentials.create({publicKey})；執行安全情境及 RP／origin 規則。

3. 認證器
取得使用者同意／驗證並建立憑證金鑰配對；私鑰留在認證器／供應商。

4. 瀏覽器
經 HTTPS 將 clientDataJSON 與 attestationObject 交給信賴方。

5. 伺服器
驗證 type、challenge、origin、RP ID hash、使用者在場／驗證及支援演算法；儲存公鑰與憑證 ID。

流程圖為教學用途。裝置示範沒有帳號或伺服器驗證，測試後請從密碼管理員刪除示範憑證。

資料／規則日期: 2026-10-21 · 官方來源

如何使用這個工具

選註冊或認證、逐步查看各方責任。只有明確點選獨立的裝置示範，才會建立真實憑證。

不適合用在什麼情況

流程圖為教學用途。裝置示範沒有帳號或伺服器驗證，測試後請從密碼管理員刪除示範憑證。

閱讀實作指南 →