Entwicklungsumgebung für die Implementierung von FedCM einrichten
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
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
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:
Rufen Sie chrome://net-export auf.
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.
Net-Export-Tool-Oberfläche: Start
Öffnen Sie eine Seite, die FedCM aufruft, z. B. die Demo-RP.
Führen Sie den FedCM-Vorgang aus, den Sie debuggen möchten (z. B. die Nutzerregistrierung).
Rufen Sie chrome://net-export auf und drücken Sie „Protokollierung beenden“.
Net-Export-Tool-Benutzeroberfläche: Protokollierung auf dem Datenträger abgeschlossen
Öffnen Sie die Protokolle mit einem beliebigen Tool zur Protokollanzeige, z. B. NetLog Viewer.
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."
}.
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: Antwort mit Kontodaten
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.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 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"]]
