Configura tu entorno de desarrollo para implementar FedCM

Para configurar tu entorno y comenzar a implementar FedCM, necesitas un contexto seguro (HTTPS o localhost) tanto en el IdP como en el RP en Chrome.

Bloquear cookies de terceros

Cómo bloquear las cookies de terceros desde la configuración de Chrome
Bloquear cookies de terceros desde la configuración de Chrome

Puedes probar cómo funciona FedCM sin cookies de terceros en Chrome. Para bloquear las cookies de terceros, usa el modo Incógnito o elige "Bloquear cookies de terceros" en la configuración de escritorio en chrome://settings/cookies o en dispositivos móviles, navegando a Configuración > Configuración del sitio > Cookies.

Depura en computadoras

A partir de Chrome 139, puedes depurar FedCM con las Herramientas para desarrolladores en navegadores basados en Chromium:

  1. Abre DevTools.
  2. Navega al panel de red.

    El panel Network de Herramientas para desarrolladores está abierto en el lado derecho de la pantalla.
    Panel Network de Herramientas para desarrolladores

  3. Navega al sitio web que deseas inspeccionar, por ejemplo, nuestro RP de demostración.

  4. Puedes filtrar solo las solicitudes de FedCM escribiendo resource-type:fedcm en la barra de filtros.

    El panel Network de Herramientas para desarrolladores está abierto y se aplica el filtro "resource-type:fedcm", que muestra solo las solicitudes de FedCM en la lista.
    Filtro de tipo de recurso aplicado en el panel Network de Herramientas para desarrolladores

  5. Haz clic en cualquier solicitud para inspeccionarla más de cerca.

    La pestaña Encabezados de los detalles de la solicitud indica que la solicitud al endpoint "accounts" falló con el código de estado "401 Unauthorized".
    Detalles de la solicitud

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.