Entwicklungsumgebung für die Implementierung von FedCM einrichten

Damit Sie mit der Implementierung von FedCM beginnen können, benötigen Sie sowohl auf dem Identitätsanbieter als auch auf der vertrauenden Partei 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.

    1. Sie können nur FedCM-Anfragen herausfiltern, indem Sie resource-type:fedcm in die Filterleiste eingeben.
      Das Netzwerk-Panel der Entwicklertools ist geöffnet und der Filter „resource-type:fedcm“ ist angewendet. In der Liste werden nur FedCM-Anfragen angezeigt.
      Im Bereich „Netzwerk“ der Entwicklertools angewendeter Filter für Ressourcentypen
  4. 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