Để thiết lập môi trường nhằm bắt đầu triển khai FedCM, bạn cần có một ngữ cảnh bảo mật (HTTPS hoặc localhost) trên cả IdP và RP trong Chrome.
Chặn cookie của bên thứ ba
Chặn cookie của bên thứ ba trong phần cài đặt của Chrome
Bạn có thể kiểm thử cách hoạt động của FedCM mà không cần cookie của bên thứ ba trên Chrome.
Để chặn cookie của bên thứ ba, hãy sử dụng Chế độ ẩn danh hoặc chọn "Chặn cookie của bên thứ ba" trong phần cài đặt trên máy tính tại chrome://settings/cookies hoặc trên thiết bị di động bằng cách chuyển đến Cài đặt > Cài đặt trang web > Cookie.
Gỡ lỗi trên máy tính
Chúng tôi đang nỗ lực cải thiện trải nghiệm gỡ lỗi FedCM bằng Công cụ cho nhà phát triển.
Trong khi các tính năng này đang trong quá trình phát triển, bạn có thể sử dụng nhật ký yêu cầu mạng chrome://net-export:
Chuyển đến chrome://net-export.
Chọn "Bao gồm byte thô" rồi nhấp vào "Bắt đầu ghi nhật ký vào ổ đĩa". Chọn một vị trí để lưu nhật ký khi được nhắc.
Hoàn tất luồng FedCM mà bạn muốn gỡ lỗi (ví dụ: đăng ký người dùng).
Chuyển đến chrome://net-export rồi nhấn vào "Stop Logging" (Dừng ghi nhật ký).
Giao diện công cụ xuất mạng: Đã ghi nhật ký vào ổ đĩa
Mở nhật ký bằng công cụ xem nhật ký mà bạn chọn, ví dụ: NetLog viewer (Trình xem NetLog).
Khi sử dụng trình xem NetLog, hãy chọn Events trong bảng điều khiển bên trái và áp dụng bộ lọc type:URL_REQUEST.
Trong ví dụ này, nhật ký cho thấy hai yêu cầu đã được gửi đến điểm cuối tài khoản.
Điều này xảy ra vì người dùng chưa đăng nhập bằng IdP khi truy cập trang lần đầu. URL_REQUEST_JOB_FILTERED_BYTES_READ cho biết máy chủ đã phản hồi bằng một thông báo lỗi trong phần nội dung phản hồi: { error: "not signed in."
}.
Giao diện công cụ xuất mạng: Phản hồi lỗi
Yêu cầu /accounts thứ hai đã thành công và IdP đã phản hồi bằng dữ liệu tài khoản:
Giao diện công cụ xuất dữ liệu mạng: Phản hồi bằng dữ liệu tài khoản
[null,null,["Cập nhật lần gần đây nhất: 2024-12-10 UTC."],[[["FedCM requires a secure context (HTTPS or localhost) for both the Identity Provider (IdP) and Relying Party (RP) in Chrome."],["To debug FedCM code on Chrome on Android, set up a local server and utilize remote debugging through Chrome DevTools on desktop."],["Test FedCM's functionality without third-party cookies by enabling Incognito mode, blocking third-party cookies in Chrome settings, or adjusting site settings on mobile."]]],["To implement and debug FedCM, ensure a secure environment (HTTPS or localhost) on both IdP and RP. Block third-party cookies via Incognito mode or Chrome settings. Use `chrome://net-export` for network request logs: start logging, interact with FedCM, stop logging, and view logs with a tool like NetLog viewer. Filter logs by `type:URL_REQUEST`. Be aware that logs may contain private information. Logs will reveal if FedCM is sending and receiving requests as expected.\n"]]