Firebase 网络推送通知令牌未获得

Posted

技术标签:

【中文标题】Firebase 网络推送通知令牌未获得【英文标题】:Firebase web push notification token not getting 【发布时间】:2019-03-16 07:01:10 【问题描述】:

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

看下面的截图,这是我的输出。

其实我这里用的是xampp本地主机,是不是必须在live网站上运行才能获取token?

(我的网址是: 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 网络推送通知的详细教程链接。

【问题讨论】:

【参考方案1】:

我也遇到了同样的问题,可以通过将 service worker 文件移动到 htdocs 文件夹(即根文件夹)来解决这个问题

【讨论】:

我没有得到这个问题。你能解释一下吗 实际上我正在使用本地主机 xampp 来运行我的网络应用程序。我们的 web 应用程序处于 live 状态还是本地主机就足够了。 本地主机就够了。我在 localhost xampp 上执行了相同的代码 好的,但是我没有收到任何令牌,请您发送您的测试代码。有没有可能。 可以在聊天室聊天吗?

以上是关于Firebase 网络推送通知令牌未获得的主要内容,如果未能解决你的问题,请参考以下文章

ios 应用更新后未收到 Firebase/APNS 通知

如何在firebase推送通知中重用旧通知令牌作为新令牌?

设备未收到 Firebase 云消息通知

iOS Firebase 推送通知 - 收到令牌但推送不起作用

Firebase 推送通知 - 如何跟踪用户 FCM 令牌?

Ionic Firebase 推送通知问题