it-swarm.com.ru

Расширяемое уведомление Firebase Показать изображение, когда приложение в фоновом режиме

Я внедряю уведомления FCM в Android, но как уведомления различаются в зависимости от состояния приложения (фон или передний план)?

see notifications image

Я отправляю уведомление, используя API FCM с Почтальоном, и это структура уведомления:

{ "notification": {
      "title": "Notification title",
      "body": "Notification message",
      "sound": "default",
      "color": "#53c4bc",
      "click_action": "MY_BOOK",
      "icon": "ic_launcher"
   },
   "data": {
       "main_picture": "URL_OF_THE_IMAGE"  
   },
   "to" : "USER_FCM_TOKEN"
}

Изображение для рендеринга взято из data.main_picture.

Я реализовал свой собственный FirebaseMessagingService, благодаря которому уведомления отлично отображаются в основном состоянии. Код уведомления следующий:

NotificationCompat.BigPictureStyle notiStyle = new NotificationCompat.BigPictureStyle();
notiStyle.setSummaryText(messageBody);
notiStyle.bigPicture(picture);

Uri defaultSoundUri= RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION);

NotificationCompat.Builder notificationBuilder = (NotificationCompat.Builder) new NotificationCompat.Builder(this)
            .setSmallIcon(R.drawable.ic_launcher)
            .setLargeIcon(bigIcon)
            .setContentTitle(title)
            .setContentText(messageBody)
            .setAutoCancel(true)
            .setSound(defaultSoundUri)
            .setContentIntent(pendingIntent)
            .setStyle(notiStyle); code here

NotificationManager notificationManager =
            (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
notificationManager.notify(0, notificationBuilder.build());

Однако в фоновом режиме служба даже не выполняется. В AndroidManifest.xml службы Firebase объявлены следующим образом:

<service
    Android:name=".MyFirebaseMessagingService">
  <intent-filter>
    <action Android:name="com.google.firebase.MESSAGING_EVENT"/>
  </intent-filter>
</service>

<service
    Android:name=".MyFirebaseInstanceIDService">
  <intent-filter>
    <action Android:name="com.google.firebase.INSTANCE_ID_EVENT"/>
  </intent-filter>
</service>

Моя проблема не в LargeIcon или SmallIcon, а в отображении общей картины.

Спасибо за вашу поддержку.

22
Fco. Javier Hernandez Garcia

FCM notification messages не поддерживает largeIcon или bigPicture.

если они вам нужны в фоновом режиме, вы можете использовать FCM data message.

Для сообщений данных всегда вызывается метод onMessageReceived(message), поэтому вы можете использовать метод message.getData() и создать собственное уведомление.

Подробнее об уведомлениях и сообщениях с данными читайте здесь: https://firebase.google.com/docs/cloud-messaging/concept-options#notifications_and_data_messages

13
Diego Giorgini

Смотрите мой FirebaseMessagingService 

public class MyFirebaseMessagingService extends FirebaseMessagingService {

    private static final String TAG = "FirebaseMessageService";
    Bitmap bitmap;

    /**
     * Called when message is received.
     *
     * @param remoteMessage Object representing the message received from Firebase Cloud Messaging.
     */
    @Override
    public void onMessageReceived(RemoteMessage remoteMessage) {
        // There are two types of messages data messages and notification messages. Data messages are handled
        // here in onMessageReceived whether the app is in the foreground or background. Data messages are the type
        // traditionally used with GCM. Notification messages are only received here in onMessageReceived when the app
        // is in the foreground. When the app is in the background an automatically generated notification is displayed.
        // When the user taps on the notification they are returned to the app. Messages containing both notification
        // and data payloads are treated as notification messages. The Firebase console always sends notification
        // messages. For more see: https://firebase.google.com/docs/cloud-messaging/concept-options
        //
        Log.d(TAG, "From: " + remoteMessage.getFrom());

        // Check if message contains a data payload.
        if (remoteMessage.getData().size() > 0) {
            Log.d(TAG, "Message data payload: " + remoteMessage.getData());
        }

        // Check if message contains a notification payload.
        if (remoteMessage.getNotification() != null) {
            Log.d(TAG, "Message Notification Body: " + remoteMessage.getNotification().getBody());
        }

        //The message which i send will have keys named [message, image, AnotherActivity] and corresponding values.
        //You can change as per the requirement.

        //message will contain the Push Message
        String message = remoteMessage.getData().get("message");
        //imageUri will contain URL of the image to be displayed with Notification
        String imageUri = remoteMessage.getData().get("image");
        //If the key AnotherActivity has  value as True then when the user taps on notification, in the app AnotherActivity will be opened. 
        //If the key AnotherActivity has  value as False then when the user taps on notification, in the app MainActivity will be opened. 
        String TrueOrFlase = remoteMessage.getData().get("AnotherActivity");

        //To get a Bitmap image from the URL received
        bitmap = getBitmapfromUrl(imageUri);

        sendNotification(message, bitmap, TrueOrFlase);

    }


    /**
     * Create and show a simple notification containing the received FCM message.
     */

    private void sendNotification(String messageBody, Bitmap image, String TrueOrFalse) {
        Intent intent = new Intent(this, MainActivity.class);
        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
        intent.putExtra("AnotherActivity", TrueOrFalse);
        PendingIntent pendingIntent = PendingIntent.getActivity(this, 0 /* Request code */, intent,
                PendingIntent.FLAG_ONE_SHOT);

        Uri defaultSoundUri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION);
        NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(this)
                .setLargeIcon(image)/*Notification icon image*/
                .setSmallIcon(R.drawable.firebase_icon)
                .setContentTitle(messageBody)
                .setStyle(new NotificationCompat.BigPictureStyle()
                        .bigPicture(image))/*Notification with Image*/
                .setAutoCancel(true)
                .setSound(defaultSoundUri)
                .setContentIntent(pendingIntent);

        NotificationManager notificationManager =
                (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);

        notificationManager.notify(0 /* ID of notification */, notificationBuilder.build());
    }

    /*
    *To get a Bitmap image from the URL received
    * */
    public Bitmap getBitmapfromUrl(String imageUrl) {
        try {
            URL url = new URL(imageUrl);
            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
            connection.setDoInput(true);
            connection.connect();
            InputStream input = connection.getInputStream();
            Bitmap bitmap = BitmapFactory.decodeStream(input);
            return bitmap;

        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            return null;

        }
    }
}

ССЫЛКА ЗДЕСЬ

9
Arpit Patel

Если ваша проблема связана с отображением большого изображения, т.е. если вы отправляете push-уведомление с изображением из консоли Firebase, и оно отображает изображение, только если приложение находится на переднем плане. Решением этой проблемы является отправка Push-сообщения только с полем данных.

{ "data": { "image": "https://static.pexels.com/photos/4825/red-love-romantic-flowers.jpg", "message": "Firebase Push Message Using API" "AnotherActivity": "True" }, "to" : "device id Or Device token" }

Это определенно решает проблему.

3
Arun

Ключ «Данные» должен присутствовать в комплекте push-уведомлений. 

В дополнение к ответам, приведенным выше, Если вы тестируете Push-уведомления, используя консоль FCM , ключ «data» и объект not добавляются в пакет Push-уведомлений. Таким образом, вы не будете получать подробные Push-уведомления, когда приложение будет фоновым или убитым.

В этом случае вам нужно выбрать консоль администратора для тестирования фонового сценария приложения.

Здесь вы добавите ключ «data» в ваш Push-пакет. Итак, подробный толчок будет показан, как и ожидалось ... Надеюсь, это поможет немногим.

1
Max Droid

Сообщения, которые содержат как уведомления, так и полезные данные (как, например, ваш пример, отправленный с Postman), автоматически отображаются на устройствах конечных пользователей библиотекой FCM. И это не включает в себя (большие) изображения.

Я думаю, у вас есть две возможности:

  1. Попробуйте то, что предложил Рашми Джайн. Однако это решение может работать прямо сейчас и перестать работать завтра, если библиотека Firebase будет обновлена ​​(и, следовательно, будет реализована обработка сообщений).

  2. Отправьте сообщение с почтальоном. Поэтому вы не можете заполнить объект уведомления в JSON, поэтому он может выглядеть примерно так:

    {
      "message": {
        "token":"bk3RNwTe3H0:CI2k_HHwgIpoDKCIZvvDMExUdFQ3P1...",
        "data":{    
          "title" : "Awesome title",
          "body"  : "Your awesome Push notification body",
          "image"  : "your_image_url"
        }
      }
    }
    

Я бы предпочел 2-й вариант. Удачи!

1
Benjamin Menrad

Отправьте уведомление Big Picture из консоли Firebase: Работает как для фонового, так и для переднего плана приложения.

Вместо onMessageReceived переопределите zzm () FirebaseMessagingService и создайте здесь свое собственное уведомление

@Override
public void zzm(Intent intent) {
    Log.e(TAG, "zzm : " + intent);
    createBigPictureNotification();        
}

@Override
public void onMessageReceived(RemoteMessage remoteMessage) {

}
0
Rashmi Jain

Если вы ожидаете только одно уведомление в системном трее для своего приложения, то приведенное ниже решение может решить проблему, пока FCM не найдет правильное решение.

  1. удалить MyFirebaseMessagingService из манифеста.

    <service Android:name=".MyFirebaseMessagingService">   <intent-filter> <action Android:name="com.google.firebase.MESSAGING_EVENT"/>   </intent-filter> </service>
    
  2. MyGcmReceiver Расширьте класс GcmReceiver и исправьте логику уведомлений.
  3. Добавьте MyGcmReceiver в манифест

        <receiver
        Android:name=".MyGcmReceiver"
        Android:exported="true"
        Android:permission="com.google.Android.c2dm.permission.SEND">
        <intent-filter>
            <action Android:name="com.google.Android.c2dm.intent.RECEIVE" />
            <category Android:name="package_name" />
        </intent-filter>
    </receiver>
    
  4. отменить все уведомления, прежде чем уведомить уведомление. (В противном случае Firebase также показывает уведомление, когда приложение в фоновом режиме)

0
Harsha Vardhan

Вы можете отправлять сообщения, используя этот клиентский инструмент отдыха. Используя этот инструмент, вы можете отправлять сообщения клиентскому приложению также в фоновом режиме и на переднем плане . Чтобы отправить сообщение с помощью API, вы можете использовать инструмент под названием AdvancedREST Client, его расширение chrome, и отправьте сообщение со следующими параметрами.

Инструмент для отдыха клиентов Ссылка: https://chrome.google.com/webstore/detail/advanced-rest-client/hgmloofddffdnphfgcellkdfbfbjeloo

используйте этот URL: - https://fcm.googleapis.com/fcm/send Content-Type: application/json Авторизация: ключ = ключ вашего сервера от или ключ авторизации (см. ниже ref)

{"data": {"image": " https://static.pexels.com/photos/4825/red-love-romantic-flowers.jpg ", "message": "Push-сообщение Firebase с использованием API "" AnotherActivity ":" True "}," to ":" идентификатор устройства или токен устройства "}

Ключ авторизации можно получить, посетив консоль разработчиков Google и нажав кнопку Credentials в левом меню вашего проекта. Среди указанных ключей API ключом авторизации будет ключ сервера.

Кроме того, необходимо указать tokenID получателя в разделе «to» вашего запроса POST, отправленного с помощью API.

И этот кусок кода Android // сообщение будет содержать Push-сообщение

    String message = remoteMessage.getData().get("message1");

    //imageUri will contain URL of the image to be displayed with Notification


    String imageUri = remoteMessage.getData().get("image");

    //If the key AnotherActivity has  value as True then when the user taps on notification, in the app AnotherActivity will be opened.

    //If the key AnotherActivity has  value as False then when the user taps on notification, in the app MainActivity2 will be opened.

    String TrueOrFlase = remoteMessage.getData().get("AnotherActivity");

    //To get a Bitmap image from the URL received

    bitmap = getBitmapfromUrl(imageUri);


    sendNotification(message, bitmap, TrueOrFlase);
0
Syed Danish Haider