FedCM을 구현하도록 개발 환경 설정

FedCM 구현을 시작하도록 환경을 설정하려면 Chrome의 IdP와 RP 모두에 보안 컨텍스트 (HTTPS 또는 localhost)가 필요합니다.

타사 쿠키 차단

Chrome 설정에서 서드 파티 쿠키 차단하기
Chrome 설정에서 서드 파티 쿠키 차단하기

Chrome에서 서드 파티 쿠키 없이 FedCM이 작동하는 방식을 테스트할 수 있습니다. 서드 파티 쿠키를 차단하려면 시크릿 모드를 사용하거나 chrome://settings/cookies의 데스크톱 설정에서 또는 모바일에서 설정 > 사이트 설정> 쿠키로 이동하여 '서드 파티 쿠키 차단'을 선택하세요.

데스크톱에서 디버그

Chrome 139부터 Chromium 기반 브라우저에서 DevTools를 사용하여 FedCM을 디버그할 수 있습니다.

  1. DevTools를 엽니다.
  2. 네트워크 패널로 이동합니다.

    화면 오른쪽에 DevTools 네트워크 패널이 열려 있습니다.
    DevTools 네트워크 패널

  3. 검사하려는 웹사이트(예: Google의 데모 RP)로 이동합니다.

  4. 필터 표시줄에 resource-type:fedcm를 입력하여 FedCM 요청만 필터링할 수 있습니다.

    DevTools Network 패널이 열려 있고 'resource-type:fedcm' 필터가 적용되어 목록에 FedCM 요청만 표시됩니다.
    DevTools의 네트워크 패널에 적용된 리소스 유형 필터

  5. 요청을 클릭하여 자세히 검사합니다.

    요청 세부정보의 헤더 탭에는 'accounts' 엔드포인트에 대한 요청이 '401 Unauthorized' 상태 코드로 실패했다고 표시됩니다.
    요청 세부정보

Next steps

Review how to implement your identity solution with FedCM on the Identity Provider side.
Implement FedCM for your RPs and distribute the JavaScript SDK. Keep RPs up-to-date by eliminating the need for self-implementation.