Thiết lập môi trường phát triển để triển khai FedCM

Để thiết lập môi trường nhằm bắt đầu triển khai FedCM, bạn cần có một bối cảnh an toàn (HTTPS hoặc localhost) trên cả IdP và RP trong Chrome.

Chặn cookie của bên thứ ba

Chặn cookie của bên thứ ba trong phần cài đặt của Chrome
Chặn cookie của bên thứ ba trong phần cài đặt của Chrome

Bạn có thể kiểm thử cách FedCM hoạt động mà không cần cookie của bên thứ ba trong Chrome. Để chặn cookie của bên thứ ba, hãy sử dụng Chế độ ẩn danh hoặc chọn "Chặn cookie của bên thứ ba" trong phần cài đặt trên máy tính tại biểu tượng chrome://settings/cookies hoặc trên thiết bị di động bằng cách chuyển đến phần Cài đặt > Cài đặt trang web > Cookie.

Gỡ lỗi trên máy tính

Kể từ Chrome 139, bạn có thể gỡ lỗi FedCM bằng DevTools trong các trình duyệt dựa trên Chromium:

  1. Mở DevTools.

  2. Chuyển đến bảng điều khiển Mạng.

    Bảng điều khiển Mạng của Công cụ cho nhà phát triển sẽ mở ra ở bên phải màn hình.
    Bảng điều khiển Mạng của Công cụ cho nhà phát triển

  3. Chuyển đến trang web mà bạn muốn kiểm tra, ví dụ: RP minh hoạ của chúng tôi.

  4. Bạn có thể chỉ lọc các yêu cầu FedCM bằng cách nhập resource-type:fedcm vào thanh bộ lọc.

    Bảng điều khiển Mạng của Công cụ cho nhà phát triển đang mở và bộ lọc "resource-type:fedcm" được áp dụng, chỉ hiển thị các yêu cầu FedCM trong danh sách.
    Bộ lọc loại tài nguyên được áp dụng trong bảng điều khiển Mạng của Công cụ cho nhà phát triển

  5. Nhấp vào một yêu cầu bất kỳ để kiểm tra kỹ hơn.

    Thẻ Tiêu đề trong phần thông tin chi tiết về yêu cầu cho biết rằng yêu cầu đến điểm cuối "accounts" không thành công với mã trạng thái "401 Unauthorized".
    Yêu cầu chi tiết

Các bước tiếp theo

Xem lại cách triển khai giải pháp danh tính bằng FedCM ở phía Nhà cung cấp dịch vụ danh tính.
Triển khai FedCM cho RP và phân phối SDK JavaScript. Luôn cập nhật RP mà không cần tự triển khai.