Настройте среду разработки для реализации FedCM

Чтобы настроить среду для начала внедрения FedCM, вам необходим безопасный контекст (HTTPS или локальный хост) как на IdP, так и на RP в Chrome.

Блокировать сторонние файлы cookie

Блокировать сторонние файлы cookie в настройках Chrome
Блокировать сторонние файлы cookie в настройках Chrome

Вы можете проверить работу FedCM без сторонних файлов cookie в Chrome. Чтобы заблокировать сторонние файлы cookie, используйте режим инкогнито или выберите «Блокировать сторонние файлы cookie» в настройках десктопа по адресу chrome://settings/cookies или на мобильном устройстве, перейдя в раздел «Настройки» > «Настройки сайта» > «Файлы cookie» .

Отладка на рабочем столе

Начиная с Chrome 139 вы можете отлаживать FedCM с помощью DevTools в браузерах на базе Chromium:

  1. Откройте DevTools .
  2. Перейдите на панель «Сеть».

    Панель DevTools Network открыта на правой стороне экрана.
    Сетевая панель DevTools

  3. Перейдите на сайт, который вы хотите осмотреть, например, на наш демонстрационный RP .

  4. Вы можете отфильтровать только запросы FedCM, введя resource-type:fedcm в строке фильтра.

    Панель DevTools Network открыта, и применен фильтр «resource-type:fedcm», отображающий в списке только запросы FedCM.
    Фильтр типа ресурса, применяемый на панели «Сеть» в DevTools

  5. Щелкните любой запрос, чтобы рассмотреть его подробнее.

    На вкладке «Заголовки» сведений о запросе указано, что запрос к конечной точке «accounts» завершился неудачей с кодом состояния «401 Unauthorized».
    Запросить подробности

Следующие шаги

Узнайте, как реализовать решение для идентификации с помощью FedCM на стороне поставщика удостоверений.
Внедрите FedCM для своих RP и распространяйте JavaScript SDK. Поддерживайте актуальность RP, устраняя необходимость самостоятельной реализации.