个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我是 iOS 开发人员而不是 php，我正在实现 Firebase Web 推送通知以在 Web 中发送和接收。我正在使用 xampp 和 php。为此，我遵循了本教程 https://www.itwonders-web.com/blog/push-notification-using-firebase-demo-tutorial 。在这里，我创建了 index1.html 页面并将其放置在 myphp 文件夹中，然后创建了 firebase-messaging-sw.js 文件并将其放置在同一文件夹中。我收到允许警报，但 token 为空。
请参见下面的屏幕截图，这是我的输出。
实际上我在这里使用的是xampp本地主机，是否必须在实时网站中运行才能获取 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 Web 推送通知的详细教程链接。
最佳答案
我也遇到了同样的问题，可以通过将服务工作线程文件移动到 htdocs 文件夹(即根文件夹)来解决此问题
关于javascript - Firebase Web 推送通知 token 未获取，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55194282/
30
4
0
我有一个应用程序应该在应用程序处于前台和后台(不在历史记录中)时显示提醒通知。 在前景情况下，我通过以下方法实现了这一点。 PendingIntent pendingIntent = PendingI
如何为我的 WPF 应用程序创建通知，例如浏览器上的通知，它们通过浏览器顶部的“工具栏”显示消息或通过在右下角向上/向下滑动的弹出窗口显示“MSN”样式通知屏幕。也许在应用程序中心淡入/淡出的面板可以
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improve
我正在使用 Redis 作为分布式缓存。我有不同的应用程序，它们只听特定的键。例如:App1 听 App1.*App2 监听 App2.* 等等。 我的应用程序使用以下模式接收通知:App1:“ ke
我正在尝试构建一个基于官方节点 docker 镜像的 docker 镜像，我想知道是否有某种方法可以在推送新版本的官方节点镜像时自动重建镜像。这样我的图像就不会基于过时的基础图像。 也许有类似 rss
我在一个项目中工作，我需要在添加或修改文件时在数据库中记录文件信息，以便它们保持同步。这些文件应该存储在 Nextcloud 服务器中，那么 Nextcloud 是否有办法通知这些更改(例如 webh
通知类中的方法via 如何根据用户的偏好动态变化，一个用户可能想通过电子邮件接收，而另一个用户则不想 public function via($notifiable) { return ['d
我有一个应用程序，我正在发送推送通知，如果用户登录到应用程序，这很好 - 但是，如果他们没有/如果他们没有在 X 分钟内阅读通知，我想给他们发送一封电子邮件. 我要解决的方法是使用 Laravel N
我正在使用 Django 的 contrib.comments 并想了解以下内容。 是否有任何实用程序或应用程序可以插入到某个应用程序中，当对某个项目发表评论时向您发送通知？ 我并没有真正使用过那么多
我希望用户在启动应用程序之前接受协议(protocol)。所以在 appDelegate.m 中我有以下内容: - (BOOL)application:(UIApplication *)applica
我正在创建一个新指令，我想知道如何在 angular 从 DOM 中删除元素时收到通知。 我的目标是在删除元素时添加 jquery 动画。 最佳答案 如果您尝试对元素的移除进行动画处理，则需要在移除元
我正在编写一个应用程序，其工作方式与Apple的Weather.app非常相似:底部有一个UIPageControl，屏幕中间有一个UIScrollView。在我的代码中，我实现了 - (void)s
如何查明 iPhone 注册了哪些通知？ 例如: notify_post("com.apple.springboard/Prefs"); 最佳答案 虽然这个问题的答案已经得到确认，但由于 @Nate
我的 Cocoa 应用程序中有一个 TextField。该文本字段有时会被填充，有时会为空。 我希望当字段为空时按钮被禁用。现在，每当我对 Core Data 执行某些操作时，我都会检查该字段，Tex
我的应用程序在其数据库中包含文档。用户可以打开文档，在这种情况下，文档将保存到临时文件夹并在用户计算机上打开。 我希望在这些临时文件之一发生更改时收到通知，并让用户将更改后的文档保存回数据库。 在 D
我目前正在开发一个网络应用程序，它不断对 php 进行 ajax 调用(轮询)，以从数据库中提取新的“任务”，有点像 gmail/facebook 检查新电子邮件和消息的方式。当前的 JavaScri
我正在尝试让通知适用于我使用 Angular 5 和 Electron 制作的 Electron 应用程序。到目前为止，我的 index.html 文件中有以下代码: function doNo
我有一个录音/播放应用程序。它在后台运行。当它进入后台时，如果任何其他音频应用程序打开或开始使用音频资源，我想适本地处理我的应用程序。 iOS 提供了一种发送此类通知的方法，如在 ipod 播放器中看
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 4 年前。 Improve this ques
是否有 Subversion 的工具可以在对某些文件提交更改时自动通知我？ 最佳答案 您可以创建一个 post-commit hook script “ Hook ”提交。 在钩子(Hook)脚本中，
我是一名优秀的程序员,十分优秀！