ตั้งค่าสภาพแวดล้อมการพัฒนาเพื่อติดตั้งใช้งาน 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"
    ขอรายละเอียด

ขั้นตอนถัดไป

ดูวิธีใช้โซลูชันข้อมูลประจำตัวกับ FedCM ฝั่งผู้ให้บริการข้อมูลประจำตัว
ติดตั้งใช้งาน FedCM สําหรับ RP และเผยแพร่ SDK ของ JavaScript อัปเดต RP ให้เป็นปัจจุบันอยู่เสมอโดยไม่ต้องติดตั้งใช้งานด้วยตนเอง