Display image in notification bar with remote notification(Rich media push notification) in iOS 10

Question

I have integrated APNS and want to display image in remote notification like below;

I have used below code with reference link;

AppDelegate

Answer 1

Your notification payload should be like this:

   aps =     {
        alert =         {
            body = Testing;
            title = Dining;
        };
        badge = 1;
        "content-available" = 1;
        "mutable-content" = 1;
        sound = "Bleep-Sound.wav";
    };

}

Content-available and mutable-content should be outside the alert and also you should add the badge count too....

Answer 2

You need to put the "mutable-content": "1", flag outside the "alert"-object in your payload.

Answer 3

You have a mistake here:

Then, I have created new target with UNNotificationServiceExtension and created new bundle id "com.RichPush.app.Service-Extension" , I have also created new certificate and provision profile with above bundle for UNNotificationServiceExtension.

use UNNotificationContentExtension instead of UNNotificationServiceExtension

after create new target, xcode will create swift (obj- c) file and storyboard interface

I have a simple example on swift code, which load image and show on large push notification view

class NotificationViewController: UIViewController, UNNotificationContentExtension {


//image provided from storyboard
@IBOutlet weak var image: UIImageView!

override func viewDidLoad() {
    super.viewDidLoad()

    // Do any required interface initialization here.
}

func didReceive(_ notification: UNNotification) {
    let userInfo = notification.request.content.userInfo
    // get image url 
   // and load image here  
} 
}

From Apple doc:

UNNotificationServiceExtension Modifies the content of remote notifications before they are delivered to the user.

and

UNNotificationContentExtension Presents a custom interface for a delivered local or remote notification.