Menyiapkan lingkungan pengembangan untuk menerapkan FedCM

Untuk menyiapkan lingkungan Anda agar dapat 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

Mulai Chrome 139, Anda dapat men-debug FedCM dengan DevTools di browser berbasis Chromium:

  1. Buka DevTools.
  2. Buka panel Jaringan.

    Panel Jaringan DevTools terbuka di sisi kanan layar.
    Panel Jaringan DevTools

  3. Buka situs yang ingin Anda periksa, misalnya, RP demo kami.

    1. Anda dapat memfilter hanya permintaan FedCM dengan mengetik resource-type:fedcm di panel filter.
      Panel Jaringan DevTools terbuka, dan filter 'resource-type:fedcm' diterapkan, hanya menampilkan permintaan FedCM dalam daftar.
      Filter jenis resource yang diterapkan di panel Jaringan DevTools
  4. Klik permintaan untuk memeriksanya lebih dekat.

    Tab Header pada detail permintaan menunjukkan bahwa permintaan ke endpoint 'accounts' gagal dengan kode status '401 Unauthorized'.
    Detail permintaan