Menyiapkan lingkungan pengembangan untuk menerapkan FedCM

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
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:

  1. Buka chrome://net-export
  2. Pilih "Sertakan byte mentah", lalu klik "Mulai Pencatatan Log ke Disk". Pilih lokasi untuk menyimpan log saat diminta.

    Antarmuka alat net-export: Tombol 'Stat Logging to Disk' terlihat, dan kotak centang untuk 'Include raw bytes' dipilih.
    Antarmuka alat ekspor jaringan: Mulai
  3. Buka halaman yang memanggil FedCM, misalnya demo RP.

  4. Selesaikan alur FedCM yang ingin Anda debug (misalnya, pendaftaran pengguna).

  5. Buka chrome://net-export dan tekan "Stop Logging".

    Antarmuka alat net-export: File log telah ditulis, dan jalur file ditampilkan.
    Antarmuka alat net-export: Selesai mencatat ke disk
  6. Buka log dengan alat penampil log pilihan Anda, misalnya NetLog viewer.

  7. 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 net-export: Log yang berisi pesan error dalam isi respons.
Antarmuka alat ekspor jaringan: Respons error

Permintaan /accounts kedua berhasil, dan IdP merespons dengan data akun:

Antarmuka alat net-export: Log yang berisi data akun dalam isi respons.
Antarmuka alat ekspor net: Respons dengan data akun

Langkah berikutnya

Tinjau cara menerapkan solusi identitas Anda dengan FedCM di sisi Penyedia Identitas.
Terapkan FedCM untuk RP Anda dan distribusikan JavaScript SDK. Perbarui RP secara berkala tanpa perlu melakukan penerapan sendiri.