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

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

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

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

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

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

เรากำลังปรับปรุงประสบการณ์การแก้ไขข้อบกพร่อง FedCM ด้วย DevTools ในระหว่างที่ฟีเจอร์เหล่านี้อยู่ระหว่างการพัฒนา คุณสามารถใช้chrome://net-export บันทึกคําขอเครือข่ายได้ ดังนี้

  1. นำทางไปยัง chrome://net-export
  2. เลือก "รวมไบต์ดิบ" แล้วคลิก "เริ่มบันทึกลงในดิสก์" เลือกตำแหน่งที่จะบันทึกบันทึกเมื่อได้รับข้อความแจ้ง

    อินเทอร์เฟซเครื่องมือ Net-export: ปุ่ม "การบันทึกสถิติลงในดิสก์" จะปรากฏขึ้น และช่องทําเครื่องหมายสําหรับ "รวมไบต์ดิบ" จะเลือกไว้
    อินเทอร์เฟซเครื่องมือ Net-export: เริ่ม
  3. เปิดหน้าเว็บที่เรียกใช้ FedCM เช่น demo RP

  4. ทําตามขั้นตอนการส่งผ่านข้อมูล FedCM ที่ต้องการแก้ไขข้อบกพร่องให้เสร็จสมบูรณ์ (เช่น การลงชื่อสมัครใช้ของผู้ใช้)

  5. ไปที่ chrome://net-export แล้วกด "หยุดการบันทึก"

    อินเทอร์เฟซเครื่องมือ Net-export: ระบบได้เขียนไฟล์บันทึกแล้ว และแสดงเส้นทางไฟล์
    อินเทอร์เฟซเครื่องมือ Net-export: บันทึกลงในดิสก์เสร็จแล้ว
  6. เปิดบันทึกด้วยเครื่องมือดูบันทึกที่คุณเลือก เช่น เครื่องมือดู NetLog

  7. เมื่อใช้โปรแกรมดู NetLog ให้เลือก Events จากแผงด้านซ้าย แล้วใช้ตัวกรอง type:URL_REQUEST

ในตัวอย่างนี้ บันทึกจะแสดงว่ามีการส่งคําขอ 2 รายการไปยังปลายทางบัญชี ปัญหานี้เกิดขึ้นเนื่องจากผู้ใช้ไม่ได้ลงชื่อเข้าใช้ด้วย IdP เมื่อเข้าชมหน้าเว็บเป็นครั้งแรก URL_REQUEST_JOB_FILTERED_BYTES_READ บ่งบอกว่าเซิร์ฟเวอร์ตอบกลับพร้อมข้อความแสดงข้อผิดพลาดในเนื้อหาของคำตอบ: { error: "not signed in." }

อินเทอร์เฟซเครื่องมือ Net-export: บันทึกที่มีข้อความแสดงข้อผิดพลาดในเนื้อหาคำตอบ
อินเทอร์เฟซเครื่องมือส่งออกข้อมูล: การตอบกลับข้อผิดพลาด

คําขอ /accounts ครั้งที่ 2 สําเร็จ และ IdP ตอบกลับพร้อมข้อมูลบัญชี

อินเทอร์เฟซเครื่องมือ Net-export: บันทึกที่มีข้อมูลบัญชีในส่วนเนื้อหาของคำตอบ
อินเทอร์เฟซเครื่องมือส่งออกข้อมูลทางอินเทอร์เน็ต: การตอบกลับพร้อมข้อมูลบัญชี

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

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