Изображение не отображается в push-уведомлении, когда приложение находится в фоновом режиме или убито?

Я разрабатываю приложение на React native, хочу отображать изображение в push-уведомлении, когда приложение находится в фоновом режиме или убито. Когда приложение находится на переднем плане, оно работает нормально, но в фоновом режиме отображаются только заголовок и сообщение, но не изображение. Для push-уведомлений я использую response-native-firebase, чтобы добиться этого.

Код в bgMessaging.js

import firebase from 'react-native-firebase';
import type { RemoteMessage } from 'react-native-firebase';

export default async message => {
    return Promise.resolve();
};

Код в index.js

import bgMessaging from './bgMessaging';
AppRegistry.registerComponent(appName, () => App);
AppRegistry.registerHeadlessTask('RNFirebaseBackgroundMessage', () => bgMessaging);

Код в bgMessaging.js отвечает за push, когда приложение находится в фоновом режиме

Чтобы отобразить изображение, когда приложение находится на переднем плане, я использовал следующий код: -

async createNotificationListeners() {
    /*
    * Triggered when a particular notification has been received in foreground
    * */
    this.notificationListener = firebase.notifications().onNotification((notification) => {
      const { title, body } = notification;
      console.log('onNotification:');
      const channel = new firebase.notifications.Android.Channel(
        'fcm_default_channel',
        'SAT VS ACT',
        firebase.notifications.Android.Importance.Max
      ).setDescription('A natural description of the channel');
        firebase.notifications().android.createChannel(channel);
        this.unsubscribeFromNotificationListener = firebase.notifications().onNotification((notification) => {
            if (Platform.OS === 'android') {
              console.log('background');
              const localNotification = new firebase.notifications.Notification({
                  sound: 'default',
                  show_in_foreground: true,
                })
                .setNotificationId(notification.notificationId)
                .setTitle(notification.title)
                .setSubtitle(notification.subtitle)
                .setBody(notification.body)
                .setData(notification.data)
                .android.setChannelId('fcm_default_channel') // e.g. the id you chose above
                //.android.setSmallIcon('ic_stat_notification') // create this icon in Android Studio
                .android.setColor('#000000') // you can set a color here
                .android.setBigPicture('https://picsum.photos/200/300')
                .android.setPriority(firebase.notifications.Android.Priority.High);

              firebase.notifications()
                .displayNotification(localNotification)
                .catch(err => console.error(err));

            } 
          });
    });


    /*
    * If your app is in background, you can listen for when a notification is clicked / tapped / opened as follows:
    * */
    this.notificationOpenedListener = firebase.notifications().onNotificationOpened((notificationOpen) => {
      const { title, body } = notificationOpen.notification;
      console.log('onNotificationOpened:');
      Alert.alert(title, body)
    });

    /*
    * If your app is closed, you can check if it was opened by a notification being clicked / tapped / opened as follows:
    * */
    const notificationOpen = await firebase.notifications().getInitialNotification();
    if (notificationOpen) {
      const { title, body } = notificationOpen.notification;
      console.log('getInitialNotification:');
      Alert.alert(title, body)
    }
    /*
    * Triggered for data only payload in foreground
    * */
    this.messageListener = firebase.messaging().onMessage((message) => {
      //process data message
      console.log("JSON.stringify:", JSON.stringify(message));
    });
  }

В настоящее время используется http://pushtry.com/ для отправки push-уведомлений. JSON для push: -

 {
    "to":"<FCM_TOKEN>",
"notification":
    {
        "title":"Working Good",
"body":"Exam vlo hbe na tor",
    },
"priority":"high"
}

Я очень новичок, чтобы реагировать на родных, любая помощь приветствуется.


person Sandip Nag    schedule 24.07.2019    source источник


Ответы (1)


Если ваши полезные данные содержат notification ключ, ваше приложение будет обрабатывать push-сообщения само, только если ваше приложение активно / находится на переднем плане, поскольку они доставляются вашему onMessageReceived обработчику. В противном случае (так что он находится в фоновом режиме или убит) FCM обрабатывает отображение уведомления для вас, используя значения, которые вы вводите в полезные данные ключа уведомления.

Если ваши полезные данные содержат только ключ data, ваше приложение будет обрабатывать все push-сообщения само. Все они доставлены вашему onMessageReceived обработчику.

См. Эту ссылку: https://stackoverflow.com/a/37876727/3037523

person mhtamun    schedule 18.06.2020