So senden Sie ein Bild in Push-Benachrichtigungen an ionic 2 App

Question

Ich versuchte mit dem folgenden Code, um ein Bild an meine Android App zu senden.

public class PushNotificationUtility { 

    private static String SERVER_KEY = "MYSERVERKEY"; 

    public static void main(String[] args) throws Exception { 
     String title = "My First Notification"; 
     String message = "Hello, I'm push notification"; 
     sendPushNotification(title, message); 
    } 

    private static void sendPushNotification(String title, String message) throws Exception { 
     // Create connection to send FCM Message request. 
     URL url = new URL("https://fcm.googleapis.com/fcm/send"); 
     HttpURLConnection conn = (HttpURLConnection) url.openConnection(); 
     conn.setRequestProperty("Authorization", "key=" + SERVER_KEY); 
     conn.setRequestProperty("Content-Type", "application/json"); 
     conn.setRequestMethod("POST"); 
     conn.setDoOutput(true); 

     JSONObject json = new JSONObject(); 
     json.put("to","/topics/MYTopic"); 
     JSONObject info = new JSONObject(); 
     info.put("title", title); // Notification title 
     info.put("body", message); // Notification body 
     info.put("picture","http://36.media.tumblr.com/c066cc2238103856c9ac506faa6f3bc2/tumblr_nmstmqtuo81tssmyno1_1280.jpg"); 
     info.put("summaryText","Summary"); 
     json.put("notification", info); 


     // Send FCM message content. 
     OutputStream outputStream = conn.getOutputStream(); 
     outputStream.write(json.toString().getBytes()); 

     System.out.println(conn.getResponseCode()); 
     System.out.println(conn.getResponseMessage()); 
    } 
} 

Ich bin in der Lage, die Benachrichtigung an das Android-Gerät, aber nicht das Bild zu senden. Ich möchte das Bild zusammen mit der Nachricht senden. Gibt es irgendetwas, was ich auf der Client-Seite tun muss, um ein Bild anzuzeigen?

Wie kann ich dieses Problem beheben?

Answer 1

Es gibt keine picture Eigenschaft auf FCM notification, was Sie können die data Eigenschaft zu tun ist, zum Senden und Objekt wichtiger Daten möchten Sie in Ihrer Anwendung verwenden, wenn der Benutzer einen Push empfängt, erstellen Sie es mit einer Eigenschaft picture mit Ihrem Bild link:

let data = { 
    picture: 'http://36.media.tumblr.com/c066cc2238103856c9ac506faa6f3bc2/tumblr_nmstmqtuo81tssmyno1_1280.jpg' 
}; 
info.put("data", data); // Notification data 

Und in Ihrer empfangenden Push-Methode können Sie diese Eigenschaft greifen und das Bild zeigen.

myPlugin.on('notification', notification => { 
    console.log(notification); // JUST TO SEE THE CALLBACK STRUCTURE 
    this.myImage = notification.data.picture; 
}); 

hoffe, das hilft: D