web-dev-qa-db-ja.com

Firebase Expandable Notificationアプリがバックグラウンドにあるときに画像を表示

AndroidでFCM通知を実装していますが、通知はアプリのステータス(バックグラウンドとフォアグラウンド)によってどのように異なりますか?

see notifications image

PostmanでFCM APIを使用して通知を送信していますが、これが通知構造です。

{ "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>

私の問題はLargeIconSmallIconではなく、全体像を示しています。

ご協力ありがとうございました。

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

17
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;

        }
    }
}

ここを参照

8
Arpit Patel

問題がBig Imageの表示に関連している場合、つまり、firebaseコンソールから画像を含むプッシュ通知を送信していて、アプリがフォアグラウンドにある場合にのみ画像を表示する場合この問題の解決策は、データフィールドのみを含むプッシュメッセージを送信することです。

{ "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
Arun

2019年にここに到着した場合、通知オブジェクトにimageフィールドを追加するだけです。

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

AndroidでFlutterを使用してテストしましたが、おそらく両方が同じネイティブSDKを使用するため、ネイティブAndroidで動作すると想定しています。

3
gatti

通知とデータペイロードの両方を含むメッセージ(Postmanで送信される例のように)は、FCMライブラリによってエンドユーザーデバイスに自動的に表示されます。そして、これには(大きな)画像は含まれません。

次の2つの可能性があると思います。

  1. Rashmi Jainが提案したことを試してください。ただし、Firebaseライブラリが更新されると、このソリューションはすぐに動作し、明日は動作しなくなる可能性があります(したがって、メッセージ処理の実装)

  2. Postmanでデータメッセージを送信します。したがって、JSONで通知オブジェクトを埋めることはできないため、次のようになります。

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

私は2番目のオプションを好むでしょう。幸運を!

2
Benjamin Menrad

「データ」キーは、プッシュ通知バンドルに存在する必要があります。

上記の回答に加えて、FCMコンソールを使用してプッシュ通知をテストしている場合、 'data'キーとオブジェクトはnotプッシュ通知バンドルに追加されます。そのため、アプリがバックグラウンドまたは強制終了された場合、詳細なプッシュ通知を受信しません。

この場合、アプリのバックグラウンドシナリオをテストするには、バックエンド管理コンソールを選択する必要があります。

ここで、プッシュバンドルに「データ」キーを追加します。そのため、期待どおりに詳細なプッシュが表示されます。これがほとんど役に立たないことを願っています。

1
Max Droid

FirebaseコンソールからBig Picture通知を送信する:バックグラウンドアプリとフォアグラウンドアプリの両方で動作します

onMessageReceivedの代わりに、FirebaseMessagingServicezzm()をオーバーライドし、ここからカスタム通知を作成します

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

@Override
public void onMessageReceived(RemoteMessage remoteMessage) {

}
0
Rashmi Jain

2019年8月を更新します。

[pyが通知の最新の変更をサポートしていないという理由だけで数日無駄になりました]

通知オブジェクトにimage = urlを追加するだけです。

ネイティブAndroidで動作しますimageを通知オブジェクトに追加するだけです。また、Pythonライブラリイメージフィールドが存在しないことに注意してください。 [8月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);
0
user3526

アプリのシステムトレイに通知が1つしかない場合は、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. 通知を通知する前のcancelAll通知。 (それ以外の場合、ファイアベースも、アプリがバックグラウンドにあるときに通知を表示します)

0
Harsha Vardhan

このRESTクライアントツールを使用してメッセージを送信できます。このツールを使用して、バックグラウンドおよびフォアグラウンドでクライアントアプリにメッセージを送信することもできます。 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 Authorization:key =サーバーキーFromまたはAuthoizationキー

{"data":{"image": " https://static.pexels.com/photos/4825/red-love-romantic-flowers.jpg "、 "message": "Firebase Push APIを使用したメッセージ "" AnotherActivity ":" True "}、" to ":"デバイスIDまたはデバイストークン "}

認証キーは、Google開発者コンソールにアクセスして、プロジェクトの左側のメニューにある[資格情報]ボタンをクリックして取得できます。リストされたAPIキーのうち、サーバーキーが認証キーになります。

また、APIを使用して送信されたPOSTリクエストの「to」セクションに受信者のtokenIDを配置する必要があります。

そして、このAndroidコード//メッセージにはプッシュメッセージが含まれます

    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

プッシュ通知を送信している場合、たとえば、通知ではなくデータで必要なすべてのものを取得します

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

通知オブジェクトを削除し、データオブジェクトからすべての値を取得します。

それがあなたのために働くことを願っています。

0
Hardik Kotadiya