FedCM 구현을 시작하도록 환경을 설정하려면 Chrome의 IdP와 RP 모두에 안전한 컨텍스트 (HTTPS 또는 localhost)가 필요합니다.
타사 쿠키 차단
Chrome 설정에서 서드 파티 쿠키 차단하기
Chrome에서 서드 파티 쿠키 없이 FedCM이 작동하는 방식을 테스트할 수 있습니다.
서드 파티 쿠키를 차단하려면 시크릿 모드를 사용하거나 데스크톱 설정에서 chrome://settings/cookies 또는 모바일에서 설정 > 사이트 설정> 쿠키로 이동하여 '서드 파티 쿠키 차단'을 선택합니다.
데스크톱에서 디버그
Google은 DevTools를 사용한 FedCM 디버깅 환경을 개선하기 위해 노력하고 있습니다.
이러한 기능이 개발 중인 동안 chrome://net-export 네트워크 요청 로그를 사용할 수 있습니다.
chrome://net-export로 이동합니다.
'원시 바이트 포함'을 선택하고 '디스크에 로깅 시작'을 클릭합니다. 메시지가 표시되면 로그를 저장할 위치를 선택합니다.
NetLog 뷰어를 사용하는 경우 왼쪽 패널에서 Events를 선택하고 type:URL_REQUEST 필터를 적용합니다.
이 예시에서 로그는 계정 엔드포인트에 두 개의 요청이 전송되었음을 보여줍니다.
이는 사용자가 페이지를 처음 방문할 때 IdP로 로그인하지 않았기 때문에 발생합니다. URL_REQUEST_JOB_FILTERED_BYTES_READ는 서버가 응답 본문 { error: "not signed in."
}에 오류 메시지로 응답했음을 나타냅니다.
[null,null,["최종 업데이트: 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."]]],["To implement and debug FedCM, ensure a secure environment (HTTPS or localhost) on both IdP and RP. Block third-party cookies via Incognito mode or Chrome settings. Use `chrome://net-export` for network request logs: start logging, interact with FedCM, stop logging, and view logs with a tool like NetLog viewer. Filter logs by `type:URL_REQUEST`. Be aware that logs may contain private information. Logs will reveal if FedCM is sending and receiving requests as expected.\n"]]