如何在Cordova Angular 4应用程序中使用FCM（Firebase Cloud Messaging）

Question

我正在使用Angular 4和Cordova创建一个混合应用程序，因为我想用单一代码库同时面向桌面和移动平台。我遵循了项目的以下目录结构：

我正在angular 4中开发应用程序，并使用angular CLI进行构建。我有一个钩子，它将角度构建复制到cordova“www”文件夹中，然后我创建apk。问题是我想在我的cordova应用程序中使用FCM（Firebase Cloud Messaging）从服务器接收消息，但我不能，因为我正在Angular 4中开发（参考上面的目录结构）。谁能帮助我如何将cordova插件与angular 4结合使用。如果需要，我愿意更改目录结构。

Answer 1

我得到了答案。1、只需在cordova项目中添加FCM插件，运行以下命令：cordova plugin add cordova plugin FCM 2。现在在angular project中，在“app.component.ts”文件中进行以下更改：

ngOnInit() {
 document.addEventListener("deviceready", onDeviceReady, false);
}

onDeviceReady() {
FCMPlugin.getToken((token) => {
        this.pushtoken = token;
        console.log('getToken:', token);
        if (!token) {
            setTimeout(this.getToken, 1000);
        }
    }, (err) => {
        console.log('error retrieving token: ' + err);
    });
}