如何在 VUE 中集成 FCM 通知

Question

我正在使用webpack在Vue中构建Web应用程序。目前，我想在网络应用中集成FCM(Firebase Cloud Messaging(通知，以向用户发送通知。

我 https://firebase.google.com/docs/web/setup?authuser=0 浏览了这个链接，但我无法将其集成到 Vue 中

Answer 1

3 个步骤：

1. npm i firebase

2. 将以下内容添加到 main.ts。

   firebase.initializeApp({ apiKey: "YOUR KEY", authDomain: "...", databaseURL: "", projectId: "", storageBucket: "", messagingSenderId: "", appId: "" });let messaging!: firebase.messaging.Messaging; if (firebase.messaging.isSupported()) { messaging = firebase.messaging(); } export { messaging };

3. 添加到公用文件夹 =>

   importScripts("https://www.gstatic.com/firebasejs/6.3.4/firebase-app.js"); importScripts("https://www.gstatic.com/firebasejs/6.3.4/firebase-messaging.js"); firebase.initializeApp({ messagingSenderId: "YOUR SENDER_ID" });const messaging = firebase.messaging();

仅此而已！