如何將動作按鈕添加到離子推送通知？

Question

我想爲離子推送通知添加一些操作按鈕。我正在使用cordova pushv5。通知工作正常，但我不知道如何添加這些按鈕。

如何添加這些按鈕？

Answer 1

的操作按鈕應在POST請求中添加。

{ 
"registration_ids": ["my device id"], 
"data": { 
    "title": "AUX Scrum", 
    "message": "Scrum: Daily touchbase @ 10am Please be on time so we can cover everything on the agenda.", 
    "actions": [ 
     { "icon": "emailGuests", "title": "EMAIL GUESTS", "callback": "app.emailGuests", "foreground": true}, 
     { "icon": "snooze", "title": "SNOOZE", "callback": "app.snooze", "foreground": false} 
    ] 
    } 
} 

https://github.com/phonegap/phonegap-plugin-push/blob/master/docs/PAYLOAD.md#action-buttons

Answer 2

在PushV5的notificationReceived事件中，您可以使用Ionic的警報組件彈出通知，該組件具有可自定義的按鈕。

$rootScope.$on('$cordovaPushV5:notificationReceived', function(event, data){ 
    let alert = alertCtrl.create({ 
     title: data.title, 
     message: data.message, 
     buttons: [ 
     { 
      text: 'Nope', 
      handler: data => { 
      console.log('Nope clicked'); 
      } 
     }, 
     { 
      text: 'OK', 
      handler: data => { 
      console.log('OK clicked'); 
      } 
     } 
    ] 
    }); 

    //popup the alert 
    alert.present(); 
}); 

https://ionicframework.com/docs/components/#alert