Reant.jsのFirebaseからのメッセージを受信しました

Question

whatssapのような通知プッシュでWebを開発しました。このためfirebaseクラウドメッセージを使用していますが、Firebaseコンソールからトークンを使用して通知を送信しようとしましたが、 、いなくてもミス

これはデfirebaseメッセージング・sw.jsある

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

firebase.initializeApp(config); 

const messaging = firebase.messaging(); 

messaging.setBackgroundMessageHandler(function(payload) { 
    console.log('[firebase-messaging-sw.js] Received background message ', payload); 
    // Customize notification here 
    const notificationTitle = 'Background Message Title'; 
    const notificationOptions = { 
     body: 'Background Message body.', 
     icon: '/firebase-logo.png' 
    }; 

return self.registration.showNotification(notificationTitle, 
    notificationOptions); 
}); 

これは、私は、メッセージングをローカルに動作しないと思うのindex.html

<script src="https://www.gstatic.com/firebasejs/4.3.0/firebase-app.js"></script> 
    <script src="https://www.gstatic.com/firebasejs/4.3.0/firebase-messaging.js"></script> 
    <script src="https://www.gstatic.com/firebasejs/4.3.0/firebase.js"></script> 

    <script> 
     firebase.initializeApp(config); 
     const messaging = firebase.messaging(); 
     messaging.onMessage(function(payload) { 
     console.log("Message received. ", payload); 
     // ... 
     }); 
    </script> 

Answer 1

です。 HTTPSでホストする必要があります。私も同様の問題がありました。それから私はfirebase上で私のアプリをホストし、すべてが働いた。