서비스 작업자 (Firebase)에서 messagingSenderId 변수 설정

Question

가변 메시징 처리자에서 가변 messagingSenderId 값을 설정하고 싶습니다. 가능한가?

내가 이렇게 내 서비스 노동자를 등록 :

navigator.serviceWorker.register('firebase-messaging-sw.js') 
.then(function(registration) { 
    messaging.useServiceWorker(registration);  
}); 

그리고 내 중포 기지 메시징-sw.js에서

, 나는 초기화이

importScripts('https://www.gstatic.com/firebasejs/3.9.0/firebase-app.js'); 
importScripts('https://www.gstatic.com/firebasejs/3.9.0/firebase-messaging.js'); 

firebase.initializeApp({ 
    'messagingSenderId': 'my-id' // <- I want this to be variable 
}); 

같은 중포 기지 문제는 내가 찾을 수있다 내 서비스 작업자 파일에 데이터를 전달하는 방법 어떤 생각?

감사

했나요으로

Answer 1

는 Passing state info into a service worker before 'install'는 질문에 대답했다. 감사.

당신과 같이 URL에 변수를 전달해야 : 다음

var myId = 'write-your-messaging-sender-id-here'; 
navigator.serviceWorker.register('firebase-messaging-sw.js?messagingSenderId=' + myId) 
.then(function(registration) { 
    messaging.useServiceWorker(registration);  
}); 

그리고, 중포 기지 서비스 노동자 (중포 기지 메시징-SW에서 여기

이 사용 사례에 대한 답변입니다. js)를 사용하면 다음과 같이이 변수를 얻을 수 있습니다.

importScripts('https://www.gstatic.com/firebasejs/3.9.0/firebase-app.js'); 
importScripts('https://www.gstatic.com/firebasejs/3.9.0/firebase-messaging.js'); 

var myId = new URL(location).searchParams.get('messagingSenderId'); 

firebase.initializeApp({ 
    'messagingSenderId': myId 
}); 

이것은 작동합니다. 그러나 URL.searchParams는 매우 새로운 도구입니다. Firebase 자체보다 호환성이 낮습니다.

URL.searchParams : 크롬 51+, 파이어 폭스 : 52+, 오페라 : 알 수없는

Firebase :

크롬 50 +, 파이어 폭스 44+, 오페라 37+

그래서 대신 :

var myId = new URL(location).searchParams.get('messagingSenderId'); 

사용을 제안합니다.

var myId = get_sw_url_parameters('messagingSenderId'); 

function get_sw_url_parameters(param) { 
    var vars = {}; 
    self.location.href.replace(self.location.hash, '').replace( 
     /[?&]+([^=&]+)=?([^&]*)?/gi, // regexp 
     function(m, key, value) { // callback 
      vars[key] = value !== undefined ? value : ''; 
     } 
    ); 
    if(param) { 
     return vars[param] ? vars[param] : null;  
    } 
    return vars; 
}