サービスワーカーでフェッチを使用してFirebaseデータベースへの認証を処理する

Question

Fetch APIを使用してサービスワーカーからFirebaseデータベースを照会しようとしています。しかし、私は正しく認証されないため、期待どおりに動作しません。私はこのエラーを

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(); 
}); 

取得しています：

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. 

任意のアイデア

基本的に私は何をしようとしているが、私はこのような呼び出しをします、原点https://myproject.firebaseapp.comからサービス労働者の中にありますそれを修正する方法の？ SWからFirebaseデータベースを照会/更新するにはどうすればよいですか？

私はhttps://jakearchibald.com/2014/using-serviceworker-today/を読みましたが、そのうちの1つはまさにその問題でした。フェッチ要求が認証を送信しないという事実です。

SW内でFirebase JS APIを使用できるのが理想的ですが、これはうまく機能していないようです。

Answer 1

Firebaseは、認証情報をクッキーとして、または資格情報に送信されるものに格納しないので、フェッチ要求でそれらを送信する必要はありません。代わりに、あなたはFirebase認証からトークンをプルする必要があります：

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

あなたはトークンを持ってたら、例えばREST要求にクエリパラメータとして追加することができるはずです?auth={THE_TOKEN}。これにより、サービスワーカーで認証された要求を行うことができます。