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

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

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

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

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

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

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

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

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

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

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

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