Question

我是不是php的iOS开发人员，我正在实现Firebase Web推送通知以在Web中发送和接收。我正在使用xampp和php。为此，我遵循了本教程https://www.itwonders-web.com/blog/push-notification-using-firebase-demo-tutorial。在这里，我创建了 index1.html 页面并将其放置在 myphp 文件夹中，然后创建了 firebase-messaging-sw.js 文件并将其放置在同一文件夹中。我收到允许警报，但令牌为空。

请参见下面的屏幕截图，这是我的输出。

实际上，我在这里使用的是xampp本地主机，是否必须在实时网站上运行才能获得令牌？

（我的网址是： http://192.168.64.2/myphp/）

我的代码是

实际上index.html页面名称没有警报，这就是为什么我替换页面名称index1.html的原因，为什么我不知道它没有显示任何文件。

index1.html

<html>
<title>Firebase Messaging Demo</title>
<style>
div {
    margin-bottom: 15px;
}
</style>
<body>
<div id="token"></div>
<div id="msg"></div>
<div id="notis"></div>
<div id="err"></div>
<script src="https://www.gstatic.com/firebasejs/5.9.0/firebase.js"></script>
<script>
    MsgElem = document.getElementById("msg")
    TokenElem = document.getElementById("token")
    NotisElem = document.getElementById("notis")
    ErrElem = document.getElementById("err")
    // Initialize Firebase
    // TODO: Replace with your project's customized code snippet
    var config = {
        apiKey: "AIza********yMSEK3PM",
        authDomain: "myf*********ject.firebaseapp.com",
        databaseURL: "https://myf*********ject.firebaseio.com",
        projectId: "myf******ject",
        storageBucket: "myf********ject.appspot.com",
        messagingSenderId: "67********7"
    };
    firebase.initializeApp(config);

    const messaging = firebase.messaging();
    messaging
        .requestPermission()
        .then(function () {
            MsgElem.innerHTML = "Notification permission granted." 
            console.log("Notification permission granted.");

            // get the token in the form of promise
            return messaging.getToken()
        })
        .then(function(token) {
            TokenElem.innerHTML = "token is : " + token
        })
        .catch(function (err) {
            ErrElem.innerHTML =  ErrElem.innerHTML + "; " + err
            console.log("Unable to get permission to notify.", err);
        });

    messaging.onMessage(function(payload) {
        console.log("Message received. ", payload);
        NotisElem.innerHTML = NotisElem.innerHTML + JSON.stringify(payload) 
    });
</script>

<body>
</body>

firebase-messaging-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');

// Initialize the Firebase app in the service worker by passing in the
// messagingSenderId.
firebase.initializeApp({
                   'messagingSenderId': '67******7'
                   });

// Retrieve an instance of Firebase Messaging so that it can handle background
// messages.
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: '/itwonders-web-logo.png'
                                  };

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

如果可能，发送有关Firebase Web推送通知的详细教程链接。

Answer 1

我也遇到了同样的问题，可以通过将Service Worker文件移动到htdocs文件夹（即根文件夹）来解决此问题

Firebase Web推送通知令牌未获得

1 个答案: