如何使用ionic 3和Firebase Cloud Messaging從通知欄打開特定頁面？

我已經按照關於推送通知的Ionic 3文檔的說明進行操作。如何使用ionic 3和Firebase Cloud Messaging從通知欄打開特定頁面？

當我嘗試在後臺發送通知和我的應用程序時，我無法觸發'通知'事件，因此無法通過特定頁面。

但是，當我的應用程序在前臺，'通知'事件自動觸發。

我使用：

離子3作爲移動框架
火力地堡雲Messagins作爲消息服務
Laravel與larave-FCM插件發送消息

後端 - 推送消息的Laravel代碼火力

$optionBuilder = new OptionsBuilder(); 
    $optionBuilder->setTimeToLive(60*20)->setContentAvailable(true); 

    $notificationBuilder = new PayloadNotificationBuilder('Hello'); 
    $notificationBuilder->setBody('Hello world')->setSound('default'); 

    $dataBuilder = new PayloadDataBuilder(); 
    $dataBuilder->addData(['custom' => 'test']); 

    $option = $optionBuilder->build(); 
    $notification = $notificationBuilder->build(); 
    $data = $dataBuilder->build(); 

    $token = "token"; 

    $downstreamResponse = FCM::sendTo($token, $option, $notification, $data); 

    $success = $downstreamResponse->numberSuccess(); 
    $failure = $downstreamResponse->numberFailure(); 
    $modification = $downstreamResponse->numberModification(); 

    echo 'Success: '.$success; 
    echo "<br>"; 
    echo 'Failure: '. $failure; 
    echo "<br>"; 
    echo 'Modification: '.$modification; 
    print_r($downstreamResponse->tokensToDelete()); 
    echo "<br>"; 
    print_r($downstreamResponse->tokensToModify()); 
    echo "<br>"; 
    print_r($downstreamResponse->tokensToRetry()); 
    echo "<br>"; 
    print_r($downstreamResponse->tokensWithError());

FRONTEND - 上app.component.ts我離子應用構造

constructor(private translate: TranslateService, private platform: Platform, settings: Settings, private config: Config, private statusBar: StatusBar, private splashScreen: SplashScreen, public push: Push, public alertCtrl: AlertController, public storage: Storage, private backgroundMode: BackgroundMode) { 
this.initTranslate(); 
this.platform.ready().then(() => { 
    if(!this.backgroundMode.isActive) { 
    this.backgroundMode.setDefaults({silent: true}); 
    this.backgroundMode.enable(); 
    } else { 
    this.backgroundMode.disable(); 
    this.backgroundMode.setDefaults({silent: true}); 
    this.backgroundMode.enable(); 
    }  
    this.pushSetup(); 
    this.storage.get('test').then((val) => { 
    if(val == 'news'){ 
     this.nav.setRoot(TabsPage); 
    } 
    });   
}); 
}

功能pushSetup（）

pushSetup() { 
const options: PushOptions = { 
    android: { 
     senderID: '10524067XXXXX' 
    }, 
    ios: { 
     alert: 'true', 
     badge: true, 
     sound: 'false' 
    }, 
    windows: {} 
}; 

const pushObject: PushObject = this.push.init(options); 

pushObject.on('notification').subscribe((notification: any) => { 
    if(notification.additionalData.foreground){ 
    let myAlert = this.alertCtrl.create({ 
     title: 'Push', 
     message: JSON.stringify(notification) 
    }); 
    myAlert.present(); 
    } else {   
    this.storage.set('test', 'news'); 
    } 
}); 
pushObject.on('registration').subscribe((registration: any) => { 
    console.log(registration); 
}); 
pushObject.on('error').subscribe(error => console.error('Error with Push plugin', error)); 
}

來源

2017-07-18 Sandy

編輯：添加代碼 – Sandy

避免把你的API令牌放在一個像SO這樣的開放式網站上.. –

嗨，謝謝！我忘記隱藏我的代幣:) – Sandy

我找到了答案，從 here。

我應該把像這樣

{ 
"data" : { 
    "title": "Test Notification", 
    "body": "This offer expires at 11:30 or whatever", 
    "notId": 10, 
    "surveyID": "ewtawgreg-gragrag-rgarhthgbad" 
} 
}

在laravel FCM只需設置標題，正文，notId到FCM上addData功能從PayloadDataBuilder。

來源

2017-07-20 01:54:11 Sandy

如何使用ionic 3和Firebase Cloud Messaging從通知欄打開特定頁面？

回答

相關問題