Ich versuche, App Check in meiner vue.js-PWA zum Laufen zu bringen. Verwenden Sie das neueste Firebase-SDK und befolgen Sie die Schritte hier https://firebase.google.com/docs/app-check/web/recaptcha-provider
Mein API-Schlüssel ( https://console.cloud.google.com/apis/credentials/key.. ) ist nicht auf API-Einschränkungen beschränkt. Ich habe einige Anwendungsbeschränkungen für https hinzugefügt, einschließlich meiner Projektdomänen.
Alles funktioniert gut, bis ich appCheck mit recaptcha v3 aktiviere und folgende Konsolenfehler erhalte:
FirebaseError: [code=unknown]: Fetching auth token failed: AppCheck: Fetch server returned an HTTP error status. HTTP status: 403. (appCheck/fetch-status-error)
Darüber hinaus kann die App keine Firebase-Daten oder Authentifizierung abrufen. Ich habe es in mehreren Browsern und ohne VPN-Zeug versucht. In meiner bereits installierten PWA tritt der App Check-Fehler auf, aber die Verbindung zur Firebase funktioniert immer noch.
Ohne aktivierten App Check funktioniert beides ohne Probleme. Auch mit einem App Check Debug Token funktioniert das Ganze einfach. Ich verstehe nicht, warum die Firebase-Verbindung unterbrochen wird, selbst wenn ich die Erzwingung nicht aktiviert habe.
Ich freue mich über jeden Tipp, wie ich das lösen kann.
Lösung des Problems
Ich habe das Problem gefunden, das ich versehentlich self.FIREBASE_APPCHECK_DEBUG_TOKEN = true;in meinem Produktionscode hinterlassen habe.
Entfernen Sie diese Zeile oder verwenden Sie sie nur, wenn das gesamte Problem in der Entwicklungsumgebung gelöst wurde
if (location.hostname === "localhost") {
self.FIREBASE_APPCHECK_DEBUG_TOKEN = true;
}
Ich habe nicht erwartet, dass diese Zeile Auswirkungen auf Browser hat, in denen ich kein Debug-Token registriert habe, um mit dem regulären appCheck fehlzuschlagen, aber natürlich macht es sowieso keinen Sinn, es in der Produktion zu verwenden.
Keine Kommentare:
Kommentar veröffentlichen