Untuk menyiapkan lingkungan guna mulai menerapkan FedCM, Anda memerlukan konteks
yang aman (HTTPS atau localhost) di IdP dan RP di Chrome.
Blokir cookie pihak ketiga
Memblokir cookie pihak ketiga dari setelan Chrome
Anda dapat menguji cara kerja FedCM tanpa cookie pihak ketiga di Chrome.
Untuk memblokir cookie pihak ketiga, gunakan mode Samaran,
atau pilih "Blokir cookie pihak ketiga" di setelan desktop Anda di chrome://settings/cookies
atau di perangkat seluler dengan membuka Setelan > Setelan situs > Cookie.
Men-debug di desktop
Kami sedang berupaya meningkatkan pengalaman proses debug FedCM dengan DevTools.
Saat fitur ini sedang dalam pengembangan, Anda dapat menggunakan log permintaan jaringan chrome://net-export:
Buka chrome://net-export
Pilih "Sertakan byte mentah", lalu klik "Mulai Pencatatan Log ke Disk". Pilih lokasi untuk menyimpan log saat diminta.
Antarmuka alat ekspor jaringan: Mulai
Buka halaman yang memanggil FedCM, misalnya demo
RP.
Selesaikan alur FedCM yang ingin Anda debug (misalnya, pendaftaran pengguna).
Buka chrome://net-export dan tekan "Stop Logging".
Antarmuka alat net-export: Selesai mencatat ke disk
Buka log dengan alat penampil log pilihan Anda, misalnya
NetLog viewer.
Saat menggunakan penampil NetLog, pilih Events dari panel sebelah kiri dan
terapkan filter type:URL_REQUEST.
Dalam contoh ini, log menunjukkan bahwa dua permintaan dikirim ke
endpoint akun.
Hal ini terjadi karena pengguna tidak login dengan IdP saat pertama kali mengunjungi
halaman. URL_REQUEST_JOB_FILTERED_BYTES_READ menunjukkan bahwa server
merespons dengan pesan error dalam isi respons: { error: "not signed in."
}.
Antarmuka alat ekspor jaringan: Respons error
Permintaan /accounts kedua berhasil, dan IdP merespons dengan
data akun:
Antarmuka alat ekspor net: Respons dengan data akun
[null,null,["Terakhir diperbarui pada 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"]]