angular - Ionic 4 推送通知弹出窗口未显示

Question

我正在尝试将 FCM 推送通知集成到我的 ionic 4 项目中。我所做的只是安装了这个插件，按照说明（https://ionicframework.com/docs/native/fcm#usage）并获得了 FCM 令牌。下面是我获取令牌的代码。

this.fcm.getToken().then(token => {
    console.log('token', token)
});

上面的代码运行良好并在控制台中打印 FCM 令牌。之后，我使用该令牌从 firebase 控制台发送测试通知。我在设备上收到通知，但没有显示通知弹出窗口（如您使用手机时显示的 whatsapp 或其他应用程序并且有新通知）。新通知正在默默地添加到我手机的通知列表中。我的应用程序的一个小图标也显示在设备的状态栏上。问题是未显示通知弹出窗口。

以下是我的 package.json 中添加的插件版本

“cordova-plugin-fcm-with-dependecy-updated”：“^4.1.1”

“@ionic-native/fcm”：“^5.18.0”

我创建了新项目，所以这是迄今为止我在这个项目中安装的唯一插件。

还尝试使用邮递员使用以下数据发送推送（并通过修改这些数据），但未显示弹出窗口。只是在列表中添加了一个通知，并且设备的状态栏上显示了一个小图标。

{
    "to":"mydevicetoken",
    "notification": {
        "title": "Tag Test 6",
        "body": "test2",
        "sound":"default",
        "click_action":"FCM_PLUGIN_ACTIVITY"
    },
    "data":{
        "alertTitle": "title1",
        "alertBody": "test2",
        "leadId":"5dd6328c61e8f96ea9718419",
        "leadName": "Test Name"
    }
}

通知弹出窗口

有谁知道如何解决它或我在这里做错了什么？

标签： angulartypescriptionic-frameworknpmcordova-plugin-fcm