Entwicklungsumgebung für die Implementierung von FedCM einrichten

Wenn Sie Ihre Umgebung für die Implementierung von FedCM einrichten möchten, benötigen Sie sowohl beim IdP als auch beim RP in Chrome einen sicheren Kontext (HTTPS oder localhost).

Drittanbieter-Cookies blockieren

Drittanbieter-Cookies über die Chrome-Einstellungen blockieren
Drittanbieter-Cookies über die Chrome-Einstellungen blockieren

Sie können testen, wie FedCM ohne Drittanbieter-Cookies in Chrome funktioniert. Wenn Sie Drittanbieter-Cookies blockieren möchten, verwenden Sie den Inkognitomodus oder wählen Sie in den Einstellungen auf dem Computer unter chrome://settings/cookies die Option „Drittanbieter-Cookies blockieren“ aus. Auf Mobilgeräten gehen Sie zu Einstellungen > Websiteeinstellungen > Cookies.

Auf dem Computer debuggen

Wir arbeiten daran, das Entfernen von Fehlern bei FedCM mit DevTools zu verbessern. Während diese Funktionen entwickelt werden, kannst du chrome://net-export-Protokolle für Netzwerkanfragen verwenden:

  1. Rufen Sie chrome://net-export auf.

  2. Wählen Sie „Raw-Byte einschließen“ aus und klicken Sie auf „Protokollierung auf Laufwerk starten“. Wählen Sie einen Speicherort für die Protokolle aus, wenn Sie dazu aufgefordert werden.

    Benutzeroberfläche des Net-Export-Tools: Die Schaltfläche „Stat Logging to Disk“ (Stat-Protokollierung auf die Festplatte) ist sichtbar und das Kästchen für „Include raw bytes“ (Rohbytes einschließen) ist angeklickt.
    Net-Export-Tool-Oberfläche: Start

  3. Öffnen Sie eine Seite, die FedCM aufruft, z. B. die Demo-RP.

  4. Führen Sie den FedCM-Vorgang aus, den Sie debuggen möchten (z. B. die Nutzerregistrierung).

  5. Rufen Sie chrome://net-export auf und drücken Sie „Protokollierung beenden“.

    Benutzeroberfläche des Net-Export-Tools: Die Protokolldatei wurde geschrieben und der Dateipfad wird angezeigt.
    Net-Export-Tool-Benutzeroberfläche: Protokollierung auf dem Datenträger abgeschlossen

  6. Öffnen Sie die Protokolle mit einem beliebigen Tool zur Protokollanzeige, z. B. NetLog Viewer.

  7. Wählen Sie beim Verwenden des NetLog-Viewers im linken Bereich Events aus und wenden Sie den Filter type:URL_REQUEST an.

In diesem Beispiel zeigen die Protokolle, dass zwei Anfragen an den Endpunkt „accounts“ gesendet wurden. Das liegt daran, dass der Nutzer beim ersten Besuch der Seite nicht beim Identitätsanbieter angemeldet war. URL_REQUEST_JOB_FILTERED_BYTES_READ gibt an, dass der Server mit einer Fehlermeldung im Antworttext geantwortet hat: { error: "not signed in." }.

Oberfläche des Net-Export-Tools: Protokolle, die eine Fehlermeldung im Antworttext enthalten.
Benutzeroberfläche des Net-Export-Tools: Fehlerantwort

Die zweite /accounts-Anfrage war erfolgreich und der Identitätsanbieter antwortete mit den Kontodaten:

Benutzeroberfläche des Net-Export-Tools: Protokolle, die Kontodaten im Antworttext enthalten.
Benutzeroberfläche des Net-Export-Tools: Antwort mit Kontodaten

Nächste Schritte

Hier erfahren Sie, wie Sie Ihre Identitätslösung mit FedCM auf der Seite des Identitätsanbieters implementieren.
Implementiere FedCM für deine RPs und verteile das JavaScript SDK. Sie müssen keine Richtlinien mehr selbst implementieren, sodass sie immer auf dem neuesten Stand sind.