单击推送通知时如何在Flutter应用中打开特定页面

时间:2019-04-01 03:33:27

标签: firebase push-notification flutter firebase-cloud-messaging

单击推送通知时,如何在flutter应用程序中打开特定页面。我已经创建了一个PHP脚本来推送FCM推送通知,但它只是打开了应用程序的首页.....我希望该推送通知带有日期并在我的应用程序中打开日历页面,并显示通知的详细信息。 / p>

<?php

if(isset($_GET['send_notification'])){
   send_notification ();
}

function send_notification()
{
    echo 'Hello';
    define( 'API_ACCESS_KEY', 'Secret');
 //   $registrationIds = ;
   #prep the bundle
     $msg = array
          (
        'body'  => 'App New Event Notification',
        'title' => 'There is a new event added to the calendar',

          );
    $fields = array
            (
                'to'        => $_REQUEST['token'],
                'notification'  => $msg
            );


    $headers = array
            (
                'Authorization: key=' . API_ACCESS_KEY,
                'Content-Type: application/json'
            );
#Send Reponse To FireBase Server    
        $ch = curl_init();
        curl_setopt( $ch,CURLOPT_URL, 'https://fcm.googleapis.com/fcm/send' );
        curl_setopt( $ch,CURLOPT_POST, true );
        curl_setopt( $ch,CURLOPT_HTTPHEADER, $headers );
        curl_setopt( $ch,CURLOPT_RETURNTRANSFER, true );
        curl_setopt( $ch,CURLOPT_SSL_VERIFYPEER, false );
        curl_setopt( $ch,CURLOPT_POSTFIELDS, json_encode( $fields ) );
        $result = curl_exec($ch );
        echo $result;
        curl_close( $ch );
}
?>

2 个答案:

答案 0 :(得分:1)

在您的主页中,您可以处理FCM通知。

另外,请查看firebase文档。

首先,您需要格式化JSON。这就是我所遵循的。

{  
   "notification": {
              "title": "Some title",
              "body": "Some text",
            },
            "data": {
              "title": "Some title",
              "body": "Some text",
              "click_action": "FLUTTER_NOTIFICATION_CLICK",
              "sound": "default",
              "status": "done",
              "screen": "OPEN_PAGE1",
              "extradata": "",
            }
}

firebaseMessaging.configure(
  onLaunch: (Map<String, dynamic> msg) {
    print("Called onLaunch");
    print(msg);
  },
  onResume: (Map<String, dynamic> msg) {
    //(App in background)
    // From Notification bar when user click notification we get this event.
    // on this event navigate to a particular page.
    print(msg);
    // Assuming you will create classes to handle JSON data. :)
    Notification ns =
          Notification(title: msg['title'], body: msg['body']);

      Data data = Data(
        clickAction: msg['click_action'],
        sound: msg['sound'],
        status: msg['status'],
        screen: msg['screen'],
        extradata: msg['extradata'],
      );
      switch (data.screen) {
  case "OPEN_PAGE1": 
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (context) => Page1()
          ),
        );
    break;
  default:
    break;
  },
  onMessage: (Map<String, dynamic> msg) {
    // (App in foreground)
    // on this event add new message in notification collection and hightlight the count on bell icon.
    // Add notificaion add in local storage and show in a list.
    updataNotification(msg);
  },
);

答案 1 :(得分:1)

这为我修复了它。将它放在初始化 FirebaseApp 和 FirebaseMessaging 之后。

var _message = await FirebaseMessaging.instance.getInitialMessage();

if (_message != null) {
  // DO THE ROUTING

}