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

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

see notifications image

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

{ "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, а в отображении большого изображения.

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

Ответы

Ответ 1

FCM notification messages не поддерживают большой файл Icon или bigPicture.

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

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

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

Ответ 2

Смотрите мой 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;

        }
    }
}

ССЫЛКА ЗДЕСЬ

Ответ 3

Если ваша проблема связана с отображением Big Image i.e, если вы отправляете 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" }

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

Ответ 4

В случае, если некоторые приземляются здесь в 2019 году, вы можете просто добавить поле изображения к объекту уведомления:

    {
        notification: {
            title: title,
            body: body,
            image: "http://path_to_image"
        },
        data: {
            click_action: "FLUTTER_NOTIFICATION_CLICK",
            your_data: ...,
        },
        token: token
    }

Я протестировал его с помощью Flutter на Android и предположил, что он работает на нативном Android, поскольку оба они, вероятно, используют один и тот же нативный SDK.

Ответ 5

Сообщения, которые содержат как уведомления, так и полезные данные (как, например, ваш пример, отправленный с 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-й вариант. Удачи!

Ответ 6

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

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

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

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

Ответ 7

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

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

    <service android:name=".MyFirebaseMessagingService">   <intent-filter> <action android:name="com.google.firebase.MESSAGING_EVENT"/>   </intent-filter> </service>
    
  • MyGcmReceiver Расширьте класс GcmReceiver и исправьте логику уведомлений.
  • Добавить 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>
    
  • cancelВсе уведомления перед уведомлением об этом. (В противном случае firebase также показывает уведомление, когда приложение находится в фоновом режиме)

Ответ 8

Вы можете отправлять сообщения, используя этот клиентский инструмент для отдыха. Использование этого инструмента Вы также можете отправлять сообщения в клиентское приложение на заднем плане и переднем плане. Чтобы отправить сообщение с помощью 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 Авторизация: key = Ключ вашего сервера От или Авторизация ( см. ниже)

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

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

И вам нужно поставить tokenID получателя в разделе "Кому" вашего запроса 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);

Ответ 9

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

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

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

@Override
public void onMessageReceived(RemoteMessage remoteMessage) {

}

Ответ 10

Если вы отправляете push-уведомление, то получите все необходимые данные в данных вместо уведомления, например

{
   "data": {
       "main_picture": "URL_OF_THE_IMAGE",
       "title": "Notification title",
      "click_action": "MY_BOOK", 
      "color": "#53c4bc", 
   },
   "to" : "USER_FCM_TOKEN"
}

удалить объект уведомления и получить все значения из объекта данных.

Надеюсь, что это будет работать для вас.

Ответ 11

Обновление 2019 августа.

[впустую пару дней только потому, что py не поддерживает последние изменения для уведомления]

Просто добавьте image = url в объект уведомления.

Работает в родном Android. Просто добавьте image в объект уведомления. Также обратите внимание, что в библиотеке изображений Python поля изображения не существует. [По состоянию на 19 августа] https://github.com/firebase/firebase-admin-python

Я использовал PHP и эту библиотеку https://github.com/kreait/firebase-php/ Это очень просто и, что более важно, оно работает для уведомления о большом изображении, когда приложение находится в фоновом режиме или было убито.

Код:

<?php

require __DIR__.'/vendor/autoload.php';
require __DIR__.'/simple_html_dom.php';

use Kreait\Firebase;
use Kreait\Firebase\ServiceAccount;
use Kreait\Firebase\Messaging\Notification;
use Kreait\Firebase\Messaging\CloudMessage;

$serviceAccount = ServiceAccount::fromJsonFile('/path/to/cred.json');

$firebase = (new Firebase\Factory())->withServiceAccount($serviceAccount)->create();
$messaging = $firebase->getMessaging();

// this works when app is closed or in bg
$notification = Notification::fromArray([
    'title' => $title,
    'body' => $body,
    'image' => $imageUrl,
]);

// for foreground process 
$data = [
    'image' => $imageUrl,
    'news_id' => $news_id,
];

$topic = 'default_topic1';

$message = CloudMessage::withTarget('topic', $topic)
    ->withNotification($notification) // optional
    ->withData($data);

$messaging->send($message);

print_r($message);