如何在Angular2中實例化Firebase雲消息傳遞

Question

如何在Angular2 / TypeScript / AngularFire2中實例化Firebase雲消息傳遞？

這里針對JavaScript進行了描述： https ： //firebase.google.com/docs/cloud-messaging/js/client

Answer 1

firebase.messaging()函數將Firebase應用程序實例作為可選參數。

要使用AngularFire2它，您可以讓AngularFire2 執行應用程序初始化並創建Firebase應用程序實例，然后可以注入應用程序實例（例如，進入服務）並將其傳遞給firebase.messaging()如下所示：

import { Inject, Injectable } from "@angular/core";
import { FirebaseApp } from "angularfire2";
import * as firebase from 'firebase';

@Injectable()
export class SomeService {

    private _messaging: firebase.messaging.Messaging;

    constructor(@Inject(FirebaseApp) private _firebaseApp: firebase.app.App) {

        this._messaging = firebase.messaging(this._firebaseApp);
        this._messaging.requestPermission()
            .then(() => { ... })
            .catch((error) => { ... });
    }
}

您需要設置您引用的文章中提到的Web應用程序清單 。 這是我不熟悉的事情。

Answer 2

似乎需要導入：

import '@firebase/messaging';