Thiết lập môi trường phát triển để triển khai FedCM
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Để thiết lập môi trường nhằm bắt đầu triển khai FedCM, bạn cần có một ngữ cảnh bảo mật (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
Bạn có thể kiểm thử cách hoạt động của FedCM mà không cần cookie của bên thứ ba trên 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 chrome://settings/cookies hoặc trên thiết bị di động bằng cách chuyển đến Cài đặt > Cài đặt trang web > Cookie.
Gỡ lỗi trên máy tính
Chúng tôi đang nỗ lực cải thiện trải nghiệm gỡ lỗi FedCM bằng Công cụ cho nhà phát triển.
Trong khi các tính năng này đang trong quá trình phát triển, bạn có thể sử dụng nhật ký yêu cầu mạng chrome://net-export:
Chuyển đến chrome://net-export.
Chọn "Bao gồm byte thô" rồi nhấp vào "Bắt đầu ghi nhật ký vào ổ đĩa". Chọn một vị trí để lưu nhật ký khi được nhắc.
Hoàn tất luồng FedCM mà bạn muốn gỡ lỗi (ví dụ: đăng ký người dùng).
Chuyển đến chrome://net-export rồi nhấn vào "Stop Logging" (Dừng ghi nhật ký).
Giao diện công cụ xuất mạng: Đã ghi nhật ký vào ổ đĩa
Mở nhật ký bằng công cụ xem nhật ký mà bạn chọn, ví dụ: NetLog viewer (Trình xem NetLog).
Khi sử dụng trình xem NetLog, hãy chọn Events trong bảng điều khiển bên trái và áp dụng bộ lọc type:URL_REQUEST.
Trong ví dụ này, nhật ký cho thấy hai yêu cầu đã được gửi đến điểm cuối tài khoản.
Điều này xảy ra vì người dùng chưa đăng nhập bằng IdP khi truy cập trang lần đầu. URL_REQUEST_JOB_FILTERED_BYTES_READ cho biết máy chủ đã phản hồi bằng một thông báo lỗi trong phần nội dung phản hồi: { error: "not signed in."
}.
Giao diện công cụ xuất mạng: Phản hồi lỗi
Yêu cầu /accounts thứ hai đã thành công và IdP đã phản hồi bằng dữ liệu tài khoản:
Giao diện công cụ xuất dữ liệu mạng: Phản hồi bằng dữ liệu tài khoản
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2024-12-10 UTC."],[[["FedCM requires a secure context (HTTPS or localhost) for both the Identity Provider (IdP) and Relying Party (RP) in Chrome."],["To debug FedCM code on Chrome on Android, set up a local server and utilize remote debugging through Chrome DevTools on desktop."],["Test FedCM's functionality without third-party cookies by enabling Incognito mode, blocking third-party cookies in Chrome settings, or adjusting site settings on mobile."]]],[]]