为 web 和离子应用程序设置不同的“click_action”

Question

我有一个 web 应用程序（Angular 6）和移动应用程序（Ionic 4），两者都连接到同一个数据库。 我正在使用 FCM ( Firebase Cloud Message ) 进行推送通知。 我关注了 2 个链接 1. https://www.djamware.com/post/5c6ccd1f80aca754f7a9d1ec/push-notification-using-ionic-4-and-firebase-cloud-messaging 2. Z5E056C500A1C4B6A7110A1C4B6A71910B50D80@selv7B6A710A1C4B6A71910B50D8 /firebase-cloud-messaging-important-rest-apis-be79260022b5

我为每个用户创建了 FCM“组”。 这意味着用户可以使用多个设备（浏览器或移动设备）登录应用程序，并且该用户将拥有一个“fcm_notification_key”，其中包含来自不同设备的 FCM 令牌。

因此，现在当应用程序向这个唯一的“fcm_notification_key”键推送任何通知时，与该键连接的所有设备（ web 和 ionic app ）都将收到。 这是完美的工作。

  "notification":{
    "title":"Notification Title",
    "body":"Notification Body",
    "click_action" : "myweb.com/specific_url",
  }

  "notification":{
    "title":"Notification Title",
    "body":"Notification Body",
    "click_action" : "FCM_PLUGIN_ACTIVITY",
  }

第一个是使用 web 并且当用户单击通知时，在“click_action”处指定的 URL 在浏览器中打开。 哪个是对的。

第二个是使用 Ionic 应用程序。 当用户单击通知时，它会打开 Ionic 应用程序，因为为“click_action”指定了“FCM_PLUGIN_ACTIVITY”。 这也是正确的。

但问题是，现在我正在向 Group 发送通知（其中将包含 web app 和 ionic app ）。 我应该如何发送数据以便它适用于 web 和 ionic？

Answer 1

您可以在 json 中有一个方法，并根据类型，处理来自 function 的事件

"notification":{
   "title":"Notification Title",
   "body":"Notification Body",
   "click_action: ()" : "click_action()",
}

TS：

click_action() {
  if(app) {

  } else {   
}

Answer 2

那么你想处理不同类型的click_action和每个设备的其他参数属于特定的设备组属于用户，

如果是这样，那么这个问题的答案是：您可以通过自定义属于特定组的每个设备的参数来合并通知有效负载选项，如下所示，以供参考组消息传递的官方文档

{
  "name": string,
  "data": {
    string: string,
    ...
  },
  "notification": {
    object (Notification)
  },
  "android": {
    object (AndroidConfig)
  },
  "webpush": {
    object (WebpushConfig)
  },
  "apns": {
    object (ApnsConfig)
  },
  "fcm_options": {
    object (FcmOptions)
  },

  // Union field target can be only one of the following:
  "token": string,
  "topic": string,
  "condition": string
  // End of list of possible types for union field target.
}

所以回答How should I send the data so that it will work for both web and ionic? ,

如下所示

{
  "name": string | key,
  "notification":{
    "title":"Notification Title",
    "body":"Notification Body",
  },
  "android": {
      "notification": {
          "click_action" : "FCM_PLUGIN_ACTIVITY",
      }
   },
  "webpush": {
      "notification": {
          "click_action" : "myweb.com/specific_url",
      }
   },
    
  ...,
  ...,
  ...,
}

供参考文档。

希望对你有帮助，加油：）