Configurer votre environnement de développement pour implémenter FedCM

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
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:

  1. Accédez à chrome://net-export.
  2. 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é.

    Interface de l'outil Net-export: le bouton "Stat Logging to Disk" (Journalisation des statistiques sur le disque) est visible et la case "Include raw bytes" (Inclure les octets bruts) est cochée.
    Interface de l'outil Net-export: démarrage
  3. Ouvrez une page qui appelle FedCM, par exemple la RP de démonstration.

  4. Suivez le flux FedCM que vous souhaitez déboguer (par exemple, l'inscription d'un utilisateur).

  5. Accédez à chrome://net-export, puis appuyez sur "Arrêter la journalisation".

    Interface de l'outil Net-export: le fichier journal a été écrit et le chemin d'accès au fichier s'affiche.
    Interface de l'outil Net-export: fin de l'enregistrement sur disque
  6. Ouvrez vos journaux à l'aide de l'outil de visionnage de journaux de votre choix, par exemple NetLog Viewer.

  7. 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: journaux contenant un message d'erreur dans le corps de la réponse.
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: journaux contenant des données de compte dans le corps de la réponse.
Interface de l'outil Net-export: réponse avec les données du compte

Étapes suivantes

Découvrez comment implémenter votre solution d'identité avec FedCM du côté du fournisseur d'identité.
Implémentez FedCM pour vos RP et distribuez le SDK JavaScript. Mettez à jour vos RP en vous libérant de l'auto-implémentation.