Entwicklungsumgebung für die Implementierung von FedCM einrichten

Damit Sie mit der Implementierung von FedCM beginnen können, benötigen Sie sowohl auf der IdP- als auch auf der RP-Seite 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 Desktop-Einstellungen unter chrome://settings/cookies oder auf Mobilgeräten unter Einstellungen > Website-Einstellungen > Cookies die Option „Drittanbieter-Cookies blockieren“ aus.

Auf dem Computer debuggen

Ab Chrome 139 können Sie FedCM mit DevTools in Chromium-basierten Browsern debuggen:

  1. Öffnen Sie die DevTools.

  2. Rufen Sie das Netzwerkbedienfeld auf.

    Die Entwicklertools sind auf der rechten Seite des Bildschirms geöffnet.
    DevTools Network panel

  3. Rufen Sie die Website auf, die Sie untersuchen möchten, z. B. unseren Demo-RP.

  4. Sie können nur FedCM-Anfragen herausfiltern, indem Sie resource-type:fedcm in die Filterleiste eingeben.

    Das DevTools-Netzwerk-Panel ist geöffnet und der Filter „resource-type:fedcm“ ist angewendet. In der Liste werden nur FedCM-Anfragen angezeigt.
    In den Entwicklertools angewendeter Filter für den Ressourcentyp im Netzwerkbereich

  5. Klicken Sie auf eine beliebige Anfrage, um sie genauer zu untersuchen.

    Auf dem Tab „Header“ der Anfragedetails wird angezeigt, dass die Anfrage an den Endpunkt „accounts“ mit dem Statuscode „401 Unauthorized“ fehlgeschlagen ist.
    Anfragedetails

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. RPs auf dem neuesten Stand halten, da keine manuelle Implementierung erforderlich ist.