Behandeln der Authentifizierung mit Firebase-Datenbank mit Fetch in einem Service Worker

Question

Ich versuche, eine Firebase-Datenbank von einem Service Worker mithilfe der Fetch-API abzufragen. Es funktioniert jedoch nicht wie erwartet, da ich nicht richtig authentifiziert werden kann.

Im Grunde, was ich versuche zu tun, vom Ursprung https://myproject.firebaseapp.com in einem Service-Worker ich einen Anruf wie folgt tun:

var fetchOptions = {}; 
fetchOptions.credentials = 'include'; 
var url = options.messageUrl; 
var request = new Request('https://myproject.firebaseio.com/user/foobar.json', fetchOptions); 
messagePromise = fetch(request).then(function(response) { 
    return response.json(); 
}); 

ich diesen Fehler:

Fetch API cannot load https://myproject.firebaseio.com/user/foobar.json. Response to preflight request doesn't pass access control check: Credentials flag is 'true', but the 'Access-Control-Allow-Credentials' header is ''. It must be 'true' to allow credentials. Origin 'https://myproject.firebaseapp.com' is therefore not allowed access. 

Jede Idee einer Möglichkeit, es zu beheben? Wie sollte man die Firebase-Datenbank von einer SW abfragen/aktualisieren?

Ich habe gelesen https://jakearchibald.com/2014/using-serviceworker-today/ und einer der Gotcha war genau dieses Problem, die Tatsache, dass Fetch-Anfrage keine Authentifizierung senden.

Idealerweise wäre es großartig, die Firebase JS API in einer SW verwenden zu können, aber das scheint nicht so gut zu funktionieren.

Answer 1

Firebase speichert die Authentifizierungsinformationen nicht als Cookie oder in irgendetwas, das in den Anmeldeinformationen mitgeschickt wird, sodass Sie diese nicht in Ihrer Abrufanforderung senden müssen. Stattdessen müssen Sie die Token von Firebase Auth ziehen:

firebase.auth().currentUser.getToken(true).then(function(token) { 
    // token is the value you'll need to remember for later 
}); 

Sobald Sie den Code haben, sollten Sie in der Lage sein, es als Abfrageparameter an die REST-Anforderung anzu z.B. ?auth={THE_TOKEN}. Dadurch können Sie Ihre authentifizierte Anforderung im Service Worker vornehmen.