Configura tu entorno de desarrollo para implementar FedCM
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Para configurar tu entorno y comenzar a implementar FedCM, necesitas un contexto seguro (HTTPS o localhost) en el IdP y la RP en Chrome.
Bloquear cookies de terceros
Cómo bloquear cookies de terceros desde la configuración de Chrome
Puedes probar cómo funciona FedCM sin cookies de terceros en Chrome.
Para bloquear cookies de terceros, usa el modo Incógnito o elige "Bloquear cookies de terceros" en la configuración de tu computadora en chrome://settings/cookies o, en dispositivos móviles, ve a Configuración > Configuración del sitio > Cookies.
Cómo depurar en una computadora
Estamos trabajando para mejorar la experiencia de depuración de FedCM con DevTools.
Mientras estas funciones están en desarrollo, puedes usar los registros de solicitudes de red de chrome://net-export:
Navega a chrome://net-export.
Selecciona "Incluir bytes sin procesar" y haz clic en "Iniciar registro en el disco". Selecciona una
posición para guardar los registros cuando se te solicite.
Interfaz de la herramienta de exportación de red: Inicio
Abre una página que llame a FedCM, por ejemplo, la demo de RP.
Completa el flujo de FedCM que deseas depurar (por ejemplo, el registro del usuario).
Navega a chrome://net-export y presiona "Stop Logging".
Interfaz de la herramienta net-export: Se completó el registro en el disco
Abre tus registros con la herramienta de visualización de registros que prefieras, por ejemplo, el Visor de NetLog.
Cuando uses el visor de NetLog, selecciona Events en el panel izquierdo y aplica el filtro type:URL_REQUEST.
En este ejemplo, los registros muestran que se enviaron dos solicitudes al
extremo de cuentas.
Esto sucede porque el usuario no accedió con el IdP cuando visitó la página por primera vez. URL_REQUEST_JOB_FILTERED_BYTES_READ indica que el servidor respondió con un mensaje de error en el cuerpo de la respuesta: { error: "not signed in."
}.
Interfaz de la herramienta de exportación de red: Respuesta de error
La segunda solicitud /accounts se realizó correctamente, y la AC respondió con los datos de la cuenta:
Interfaz de la herramienta de exportación de red: Respuesta con datos de la cuenta
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 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."]]],[]]
