无法在 React.js 中接收来自 Firebase 的消息

Question

我开发了一个带有通知推送的网络，例如 whatssap，我为此使用 firebase 云消息，我尝试使用令牌从 firebase 控制台发送通知，但我在控制台日志中没有得到任何东西，甚至没有错误

这是 de firebase-messaging-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 上，一切正常。