5

Android デバイス用の react-native-fcm ライブラリを使用しています。アプリケーションの実行中は適切に通知を受け取りますが、アプリケーションがバックグラウンドまたは強制終了された場合、ここで共有した画像と同様に、JSON 形式で通知データを取得しています。

ここに画像の説明を入力

componentDidMount() {
        // iOS: show permission prompt for the first call. later just check permission in user settings
        // Android: check permission in user settings
        FCM.requestPermissions().then(()=>console.log('granted')).catch(()=>console.log('notification permission rejected'));
        /*FCM.getFCMToken().then(token => {
            console.log('Token',token)
            // store fcm token in your server
        });*/
        this.notificationListener = FCM.on(FCMEvent.Notification, async(notif) => {
            console.log('FCM notification', notif)
            this.sendRemote(notif)
        });

        // initial notification contains the notification that launchs the app. If user launchs app by clicking banner, the banner notification info will be here rather than through FCM.on event
        // sometimes Android kills activity when app goes to background, and when resume it broadcasts notification before JS is run. You can use FCM.getInitialNotification() to capture those missed events.
        // initial notification will be triggered all the time even when open app by icon so send some action identifier when you send notification
        /*FCM.getInitialNotification().then(notif => {
            console.log('FCM', notif)
            this.sendRemote(notif)
            //console.log('Initial Notification',notif)
        });*/

        FCM.getInitialNotification().then((notif: any) => {
            // for android/ios app killed state
            console.log("ifAny",notif)
            if (notif) {
                console.log("Any",notif)
                // there are two parts of notif. notif.notification contains the notification payload, notif.data contains data payload
            }
        });
    }




sendRemote(notif) {
    var data = notif.fcm.body;
    var title = notif.fcm.title;
    FCM.presentLocalNotification({
        title: 'App Name',
        body: title,
        big_text: title,
        large_icon: 'ic_launcher',
        priority: 'high',
        sound: "default",
        click_action: this.clickActions(notif),
        show_in_foreground: true,
        wake_screen: true,
        local: true,
        param: notif.notify_about,
        paramData: data
    });
}

notify_about:'', fcm:{action:null, body:"{data:'',time:''}", color:null, icon: '', tag:null, title:"通知タイトル"}

これは、サーバーから送信するデータ形式です。

ここでは、データ本体のみを表示します。しかし、アプリが強制終了またはバックグラウンドで実行されると、通知に完全な本文が表示されます。また、アプリの実行中は正常に動作します。

4

0 に答える 0