如何在VUE中集成FCM通知

时间:2018-01-01 08:42:01

标签: vue.js vuejs2 firebase-cloud-messaging

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

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

1 个答案:

答案 0 :(得分:0)

3个步骤:

  1. $scope.dynamicOrder = function (sortParam) { if (!sortParam) { return 'name'; } else { console.log("sortParam: ", typeof (sortParam), sortParam); return sortParam; } };

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

    npm i firebase

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

    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 };

仅此而已!