如何使用 Nuxt.js 实现 Firebase Cloud Messaging (FCM)

Question

我正在尝试将 Google 的 Firebase Cloud Messaging (FCM) 实施到我的 Nuxt.js APP 中。

到目前为止，我已经安装了 firebase，在 ./plugins 文件夹中创建了一个 firebase.js 插件，导入并初始化了 firebase 和消息传递服务，一切似乎都运行良好。

现在我不知道如何或从这里去哪里..

这个想法是在通知模块中处理 vuex 中的所有内容。

我想同时处理后台和前台通知。后台由 service-worker 处理，对于前台，我制作了一个简单的通知组件，我想在每次收到来自 FCM 的推送通知时显示该组件。

问题：

我将如何注册 Service Worker、请求许可和处理前台/后台通知？我的意思是特定于 Nuxt.js 的确切位置/文件/方式？我应该为此制作另一个插件，使用中间件文件夹还是只处理默认布局文件中的所有内容？

最干净的方法是什么？

提前致谢！

Answer 1

您可以检查 Nuxt 模块Nuxt Firebase https://firebase.nuxtjs.org