Расширяемое уведомление 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. И это не включает в себя (большие) изображения.
Я думаю, у вас есть две возможности:
-
Попробуйте то, что предложил Рашми Джайн. Однако это решение может работать прямо сейчас и перестать работать завтра, если библиотека Firebase будет обновлена (и, следовательно, будет реализована обработка сообщений).
-
Отправьте сообщение с почтальоном. Поэтому вы не можете заполнить объект уведомления в 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);