firebase - 与 FCM 通知捆绑在一起的 PWA

标签 firebase progressive-web-apps cordova-plugin-fcm capacitor

我们有一个 Angular 6/Firebase 5.4.2/AngularFire PWA,大量使用 Firebase 进行身份验证,并使用 FCM 进行通知,我们正在尝试将其捆绑到适合在应用商店中列出的应用程序中。

PWA 运行良好,并且正在通过 firebase-messaging-SW.js 服务工作线程接收 FCM 通知。

我们尝试使用 Cordova 和 Capacitor 将此 PWA 捆绑到 APK 和 IPA 中。 然而,我们一直在努力让通知发挥作用。调试问题表明,尽管服务工作人员注册了,但当我们请求权限时,我们会收到错误:

错误 FirebaseError:消息传递:此浏览器不支持使用 firebase SDK 所需的 API。 (消息传递/不支持的浏览器)。

referenceError:未定义通知。 Firebase 消息传递请求权限

对此的任何指导将不胜感激:如果您知道在使用我们可以使用的 FCM 通知时显示打包 PWA 的代码示例,那将是理想的选择,或者如果您知道已被证明对其他方面成功的方法团队,那​​么指向这些工具集的点也将很有用!

最佳答案

我们还一直在研究打包 PWA 的方法。对于 Capacitor,我们的经历是相似的:服务工作人员(以及一些其他功能)不起作用,我们开始研究 native 插件/polyfills 来替换所有依赖服务工作人员的功能,但这似乎相当复杂。

但是,就在今天,我发现了一些可能有助于您将 PWA 发布到 Google Play 的消息:显然,PWA 现在可以通过 Google Play 商店分发。这是通过所谓的“可信网络事件”来实现的。我还没有尝试过,但您可以在这里阅读所有相关内容:

https://medium.com/@firt/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc

看起来 PWA 世界中的事情仍在不断发展!

关于firebase - 与 FCM 通知捆绑在一起的 PWA,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52447477/

相关文章:

Angular 7 PWA 不会在 iOS Safari 中更新

caching - 使用工作箱时如何忽略缓存网址中的网址查询字符串?

android - Ionic Firebase 在通知点击后获取数据

firebase - cordova-plugin-fcm 使用 ios 真实设备( ionic )在 token 中给出 null

angularjs - 允许 undefined variable 作为 null 传递到 Firebase

java - 数组列表不保存数据

javascript - 向请求添加新 header ,同时保留正文

android - 任务 ':app:checkDebugDuplicateClasses' 执行失败。 Ionic4 安卓

java - Firebase 实时数据库不更新值