如何在VUE中集成FCM通知

Question

我正在使用webpack在Vue构建web应用程序。目前，我希望将FCM(Firebase消息传递)通知集成到web应用程序中，以便向用户发送通知。

我浏览了这个链接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();

仅此而已！