如何在 Cordova Angular 4 应用程序中使用 FCM（Firebase 云消息传递）答案

【问题标题】：How to use FCM(Firebase Cloud Messaging) in Cordova Angular 4 application如何在 Cordova Angular 4 应用程序中使用 FCM（Firebase 云消息传递）
【发布时间】：2017-09-19 09:18:54
【问题描述】：

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

我正在使用 Angular 4 开发应用程序，并使用 Angular CLI 进行构建。我有钩子，它将角度构建复制到cordova'www'文件夹中，然后我创建了apk。问题是我想在我的科尔多瓦应用程序中使用 FCM（Firebase 云消息传递）来接收来自服务器的消息，但我不能，因为我在 Angular 4 中开发（参考上面的目录结构）。任何人都可以帮助我如何使用 angular 4 的cordova插件。如果需要，我愿意更改目录结构。

【问题讨论】：

嗨 Gaurav。欢迎来到 SO！如果可能的话，最好在我们网站上包含来自链接另一侧的信息，而不是他们的信息，以帮助进行未来验证。您链接到的网站总是有可能被删除，这会使您的问题对其他有您问题的人毫无用处。你能考虑修改一下吗？
@EthanField 我也更新了。感谢您的建议。
如果您包含图片而不是图片链接，则阅读问题的人需要更少的努力，而且没有理由不这样做。
@EthanField 我想放图片，但是！因为我是新用户，所以限制我这样做。
不管怎样，我现在已将图片作为建议编辑添加回来

标签： angular cordova cordova-plugins cordova-plugin-fcm

【解决方案1】：

我得到了答案。 1.只需要在cordova项目中添加FCM插件，运行以下命令：科尔多瓦插件添加科尔多瓦插件fcm 2. 现在在 Angular 项目中对“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);
    });
}

【讨论】：