firebase - Firebase 云消息传递不适用于三星互联网
问题描述
我正在设置 Firebase Cloud Messaging 以在网络上推送通知。到目前为止,它只适用于 Chrome(Windows 和 Android)和 Firefox(Android)。它不适用于三星互联网浏览器(三星手机上预装的浏览器),到目前为止我还没有机会在 iOS 上进行测试。
我尝试将发件人 ID 添加gcm_sender_id
到我正在使用的云功能以及manifest.json
文件中,但无济于事。以下是通知正文的设置方式。
// Create notification content
const notification = admin.messaging().Notification = {
title : 'My test Title',
body : `Lorem Ipsum Dolor`,
};
const payload = admin.messaging().Message = {
notification,
webpush:{
notification : {
vibrate: [200, 100, 200],
icon: 'https://www.goodhousekeeping.com/life/pets/g4531/cutest-dog-breeds/', //A random dog photo
fcm_options: {
link: 'https://www.youtube.com',
gcm_sender_id : '<SENDER_ID>',
},
},
},
topic: '<TOPIC>'
};
//Send notification
return admin.messaging().send(payload);
我能做些什么来让它在三星互联网上运行吗?从 v4 开始支持 Service Worker,并且该设备具有 v9。应该注意的是,即使在接收它的设备上,当我点击它时,它也不会打开我设置的网站,fcm_options
也不会遵循振动模式,但它会加载图标。
更新:截至 2020 年 4 月,FCM 与 iOS Chrome 和 Safari 完全不兼容
解决方案
所以我知道这可能没有帮助,但它“神奇地”从今天开始起作用。浏览器版本为三星互联网 v10。
firebase-messaging-sw.js
// Give the service worker access to Firebase Messaging.
// Note that you can only use Firebase Messaging here, other Firebase libraries
// are not available in the service worker.
importScripts('https://www.gstatic.com/firebasejs/7.13.2/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/7.13.2/firebase-messaging.js');
// Initialize the Firebase app in the service worker by passing in
// your app's Firebase config object.
// https://firebase.google.com/docs/web/setup#config-object
firebase.initializeApp({
apiKey: '',
authDomain: '',
databaseURL: '',
projectId: '',
storageBucket: '',
messagingSenderId: '',
appId: '',
measurementId: ''
});
// Retrieve an instance of Firebase Messaging so that it can handle background
// messages.
const messaging = firebase.messaging();
messaging.setBackgroundMessageHandler(payload => {
console.log('[firebase-messaging-sw.js] Received background message ', payload);
// Customize notification
const notificationTitle = payload.data.title;
const notificationOptions = {
body: payload.data.body,
priority: payload.data.priority,
vibrate: payload.data.vibrate,
icon: payload.data.icon,
click_action: payload.data.link,
link: payload.data.link
};
return self.registration.showNotification(notificationTitle,
notificationOptions);
});
//Open browser window or focus it if it is open on notification click
self.addEventListener('notificationclick', function(event) {
event.notification.close();
event.waitUntil(self.clients.openWindow('www.yourwebsitehere.com'));
});
发送通知的云功能
//Sends notifications to users when the statistics document is updated
exports.sendNotifications = functions.firestore.document('restaurant/statistics').onUpdate(async (snapshot,context) =>{
//Get updated document data
const updatedData = snapshot.after.data();
const payload = admin.messaging().Message = {
data: {
title: updatedData.title,
body : updatedData.body,
icon: updatedData.icon,
link: updatedData.link,
vibrate: "[300, 200, 300]",
priority: "high"
},
topic: 'statistics'
}
return admin.messaging().send(payload);
});
推荐阅读
- python - 无法在 Django 模板中显示图像(使用 ImageField)
- swiftui - 如何使用 SwiftUI 每秒刷新一次视图
- c# - 如何参数化 c# 类
- asp.net-core - 在 ASP.NET Core 3.0 中重新加载时忽略日期输入字段格式
- javascript - 涉及闭包的高阶函数问题
- node.js - NodeJs Sharp 包 - 支持 PNG 质量
- c++ - C++ 将 printf 更改为 cout
- c++ - 聚合类型是否暗示它也是标准布局?
- httprequest - 在 Micronaut 中获取原始 HttpRequest 正文
- spring - 在 logback.xml 中禁用 DEBUG 级别日志,保留 INFO 和 ERROR 级别日志