如何将动作按钮添加到离子推送通知？

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