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

Pasos siguientes

Revisa cómo implementar tu solución de identidad con FedCM del lado del proveedor de identidad.
Implementa FedCM para tus RP y distribuye el SDK de JavaScript. Mantén los RP actualizados, ya que elimina la necesidad de la autoimplementación.