我如何发送图像以及 nativescript 的 FCM 推送通知？答案

【问题标题】：How do i send a image along with FCM-push notification for nativescript?我如何发送图像以及 nativescript 的 FCM 推送通知？
【发布时间】：2020-07-31 19:40:54
【问题描述】：

我使用 nativescript-vue 和这个插件来发送推送通知：

nativescript-plugin-firebase，

当我发送推送通知时如何发送图像？

在我的 nativescript-vue 项目中，我收到如下通知：

  firebase.init({
    showNotificationsWhenInForeground: true,
    onMessageReceivedCallback: async (message) => {
})

如何在通知中显示图片？我试过包括 image:"url" 并且 dosnt 工作。我认为有办法在通知中显示图像，因为在 firebase 面板上有一个选项可以发送图像。

【问题讨论】：

标签： firebase firebase-cloud-messaging nativescript nativescript-vue nativescript-firebase

【解决方案1】：

在这种情况下，firebase 通知插件仅充当通知的接收者和处理程序。如果您想发送带有图像的远程通知，您将使用通知发件人来执行此操作；在这种情况下是在 Firebase 上。

如果您只想快速发送或测试带有图像的推送通知，可以转到 Firebase 控制台 > 云消息传递。

然后只需在相应的字段中添加您的图像。

现在，在生产中的大多数情况下，您希望在后端以编程方式执行此操作，而不是转到 Firebase 控制台。你可以使用Firebase FCM SDK来做到这一点。

在我们的例子中，我们通常通过 API 调用来做到这一点：

POST https://fcm.googleapis.com/fcm/send

BODY
{
    "to": "/topics/user_{{userId}}",
    "notification" : {
        "body" : "This is a Firebase Cloud Messaging Topic Message!",
        "title" : "FCM Message"
     }
}

Header should include a key "Authorization" with value:
key=<YOUR_FCM_KEY_HERE>

您可以通过转到 Firebase 控制台 > 项目设置（齿轮）> 云消息传递来获取您的 FCM 密钥。您可以查看this doc了解更多发送详情。

最后，如果您真的想通过您的应用程序处理通知图像（不建议），您可以使用local push notification 强制处理远程推送通知并使用您自己想要的图像执行本地推送通知.

【讨论】：