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 推送通知 - 收到令牌但推送不起作用