Configurer votre environnement de développement pour implémenter FedCM
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Pour configurer votre environnement afin de commencer à implémenter FedCM, vous avez besoin d'un contexte sécurisé (HTTPS ou localhost) à la fois sur l'IDP et la RP dans Chrome.
Bloquer les cookies tiers
Bloquer les cookies tiers dans les paramètres de Chrome
Vous pouvez tester le fonctionnement de FedCM sans cookies tiers dans Chrome.
Pour bloquer les cookies tiers, utilisez le mode navigation privée, ou sélectionnez "Bloquer les cookies tiers" dans les paramètres de votre ordinateur à l'adresse chrome://settings/cookies ou sur votre appareil mobile en accédant à Paramètres > Paramètres du site > Cookies.
Déboguer sur un ordinateur
Nous mettons tout en œuvre pour améliorer l'expérience de débogage FedCM avec DevTools.
Pendant que ces fonctionnalités sont en cours de développement, vous pouvez utiliser les journaux des requêtes réseau chrome://net-export:
Accédez à chrome://net-export.
Cochez la case "Inclure les octets bruts", puis cliquez sur "Start Logging to Disk" (Commencer la journalisation sur disque). Sélectionnez un emplacement pour enregistrer les journaux lorsque vous y êtes invité.
Suivez le flux FedCM que vous souhaitez déboguer (par exemple, l'inscription d'un utilisateur).
Accédez à chrome://net-export, puis appuyez sur "Arrêter la journalisation".
Interface de l'outil Net-export: fin de l'enregistrement sur disque
Ouvrez vos journaux à l'aide de l'outil de visionnage de journaux de votre choix, par exemple NetLog Viewer.
Lorsque vous utilisez l'outil de visualisation NetLog, sélectionnez Events dans le panneau de gauche et appliquez le filtre type:URL_REQUEST.
Dans cet exemple, les journaux indiquent que deux requêtes ont été envoyées au point de terminaison accounts.
Cela se produit parce que l'utilisateur n'était pas connecté à l'IDP lors de sa première visite sur la page. URL_REQUEST_JOB_FILTERED_BYTES_READ indique que le serveur a répondu avec un message d'erreur dans le corps de la réponse: { error: "not signed in."
}.
Interface de l'outil Net-export: réponse d'erreur
La deuxième requête /accounts a abouti, et l'IDP a répondu avec les données du compte:
Interface de l'outil Net-export: réponse avec les données du compte
Implémentez FedCM pour vos RP et distribuez le SDK JavaScript. Mettez à jour vos RP en vous libérant de l'auto-implémentation.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/12/10 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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."]]],["To implement and debug FedCM, ensure a secure environment (HTTPS or localhost) on both IdP and RP. Block third-party cookies via Incognito mode or Chrome settings. Use `chrome://net-export` for network request logs: start logging, interact with FedCM, stop logging, and view logs with a tool like NetLog viewer. Filter logs by `type:URL_REQUEST`. Be aware that logs may contain private information. Logs will reveal if FedCM is sending and receiving requests as expected.\n"]]
