ตั้งค่าสภาพแวดล้อมการพัฒนาเพื่อติดตั้งใช้งาน FedCM

หากต้องการตั้งค่าสภาพแวดล้อมเพื่อเริ่มใช้ FedCM คุณต้องมีบริบทที่ปลอดภัย (HTTPS หรือ localhost) ทั้งใน IdP และ RP ใน Chrome

บล็อกคุกกี้ของบุคคลที่สาม

บล็อกคุกกี้ของบุคคลที่สามจากการตั้งค่า Chrome
บล็อกคุกกี้ของบุคคลที่สามจากการตั้งค่า Chrome

คุณสามารถทดสอบวิธีการทำงานของ FedCM โดยไม่มีคุกกี้ของบุคคลที่สามใน Chrome ได้ หากต้องการบล็อกคุกกี้ของบุคคลที่สาม ให้ใช้โหมดไม่ระบุตัวตน หรือเลือก "บล็อกคุกกี้ของบุคคลที่สาม" ในการตั้งค่าเดสก์ท็อปที่ chrome://settings/cookies หรือบนอุปกรณ์เคลื่อนที่โดยไปที่การตั้งค่า > การตั้งค่าเว็บไซต์ > คุกกี้

แก้ไขข้อบกพร่องบนเดสก์ท็อป

ตั้งแต่ Chrome 139 เป็นต้นไป คุณจะดีบัก FedCM ด้วยเครื่องมือสำหรับนักพัฒนาเว็บในเบราว์เซอร์ที่ใช้ Chromium ได้โดยทำดังนี้

  1. เปิดDevTools
  2. ไปที่แผงเครือข่าย

    แผงเครือข่ายของเครื่องมือสำหรับนักพัฒนาเว็บเปิดอยู่ทางด้านขวาของหน้าจอ
    แผงเครือข่ายของ DevTools

  3. ไปที่เว็บไซต์ที่คุณต้องการตรวจสอบ เช่น RP เดโมของเรา

  4. คุณกรองเฉพาะคำขอ FedCM ได้โดยพิมพ์ resource-type:fedcm ในแถบตัวกรอง

    แผงเครือข่ายของเครื่องมือสำหรับนักพัฒนาเว็บเปิดอยู่ และใช้ตัวกรอง "resource-type:fedcm" ซึ่งแสดงเฉพาะคำขอ FedCM ในรายการ
    ตัวกรองประเภททรัพยากรที่ใช้ในแผงเครือข่ายของเครื่องมือสำหรับนักพัฒนาเว็บ

  5. คลิกคำขอเพื่อตรวจสอบอย่างละเอียด

    แท็บส่วนหัวของรายละเอียดคำขอระบุว่าคำขอไปยังปลายทาง "accounts" ไม่สำเร็จโดยมีรหัสสถานะ "401 Unauthorized"
    ขอรายละเอียด

Next steps

Review how to implement your identity solution with FedCM on the Identity Provider side.
Implement FedCM for your RPs and distribute the JavaScript SDK. Keep RPs up-to-date by eliminating the need for self-implementation.