設定開發環境以實作 FedCM

bookmark_border 透過集合功能整理內容 你可以依據偏好儲存及分類內容。

如要設定環境以開始實作 FedCM，您必須在 Chrome 中的 IdP 和 RP 上建立安全內容 (HTTPS 或 localhost)。

封鎖第三方 Cookie

您可以測試 FedCM 在 Chrome 上不使用第三方 Cookie 的運作情形。如要封鎖第三方 Cookie，請使用無痕模式，或是在電腦上前往 chrome://settings/cookies 的「設定」>「網站設定」>「Cookie」，選擇「封鎖第三方 Cookie」。

在電腦上偵錯

我們正在努力透過開發人員工具改善 FedCM 偵錯體驗。在這些功能開發期間，您可以使用 chrome://net-export 網路要求記錄：

1. 前往 chrome://net-export

2. 選取「Include raw bytes」(納入原始位元組)，然後按一下「Start Logging to Disk」(開始記錄至磁碟)。系統提示時，請選取記錄檔的儲存位置。

   

3. 開啟會呼叫 FedCM 的頁面，例如 demo RP。

4. 完成要偵錯的 FedCM 流程 (例如使用者註冊)。

5. 前往 chrome://net-export，然後按下「停止記錄」。

   

6. 使用您選擇的記錄檢視工具開啟記錄，例如 NetLog 檢視器。

7. 使用 NetLog 檢視器時，請從左側面板選取 Events，然後套用 type:URL_REQUEST 篩選器。

在這個範例中，記錄顯示有兩個要求傳送至 accounts 端點。這是因為使用者首次造訪網頁時，並未透過 IdP 登入。URL_REQUEST_JOB_FILTERED_BYTES_READ 表示伺服器在回應本文中回應錯誤訊息：{ error: "not signed in." }。

第二個 /accounts 要求成功，IdP 回應了帳戶資料：

後續步驟