Rich push notification with images are not showing in iOS via native and Cordova

I am trying to follow the documentation on setting up a Notification Service Extension in iOS, but even after following everything, images attached to a push notification or not being shown at least as a thumbnail. Just text shows up.

There is also another issue related to the documentation for implementing Notification Service Extension in iOS -- the CocoaPods library stated in the documentation is "AirshipExtensions/NotificationService" but when I do a pod install, it is able to install the library but gives the message "AirshipExtensions has been deprecated in favor of AirshipServiceExtension". I tried with "AirshipServiceExtension", replacing the "@import" but images are still not being shown as thumbnails in the push notification. I am using version 16.9.3 of the main Airship libraries via CocoaPods.

Can someone please look into this? I am testing this on an iOS 15.x device.

Didn't find what you were looking for?

New post

Comments

7 comments

  • Hello,

    Thank you for contacting Airship Support.

    It looks like you are experiencing issues implementing Notification Service Extension in iOS via the CocoaPods library. The error you are receiving says that "AirshipExtensions" has been deprecated, but trying the updated library, "AirshipServiceExtension", is yielding errors for you. If that is not the correct understanding, please feel free to point out where I'm mistaken.

    If that is the issue, however, then it can be explained by this update changelog, found on our GitHub repo:

    Version 16.2.0 January 24, 2022
    * Split pod AirshipExtensions into AirshipServiceExtension and AirshipContentExtension

    Since you are experiencing issues with images in a push notification, i.e. content, I would recommend you utilize both libraries, AirshipServiceExtension and AirshipContentExtension. Please let me know if that makes a difference.

    Best,

    Moin A.
    Airship // Technical Support Engineer

    Comment actions Permalink
  • Hello. It still doesn't show but the payload contains the GIF I added in the message in the Messages Console. This is what I have in my NotificationService.h as per documentation:

    @import AirshipServiceExtension;

    @interface NotificationService : UANotificationServiceExtension

    @end

    And this is what I have in my NotificationService.m as per documentation:

    @import Foundation;

    #import "NotificationService.h"

    @implementation NotificationService

    @end

     

     

    This is what my PodFile looks like

    platform :ios, '11.0'

    use_frameworks!

    target 'HelloCordova' do
    project 'HelloCordova.xcodeproj'
    pod 'Airship/Core'
    pod 'Airship/MessageCenter'
    pod 'Airship/Automation'
    pod 'Airship/ExtendedActions'
    pod 'Airship/PreferenceCenter'
    end

    target 'MyNotificationService' do
      pod 'AirshipServiceExtension'
      pod 'AirshipContentExtension'
    end

    I do have a Notification Service Extension with the name MyNotificationService but I didn't create a Notification Content Extension. Is that needed to show the thumbnail image and expanded image in the push notification? If so, I didn't get that understanding from the documentation.

    Comment actions Permalink
    0
  • Sorry my mistake! It's working after this change. Thank you!

    Comment actions Permalink
    0
  • Hi,

    I have added AirshipNotificationServiceExtension and imported 

    #import <AirshipNotificationServiceExtension/AirshipNotificationServiceExtension.h>

    but still the interactive/media content is not visible in notification. 

    can you guide on this?

    Comment actions Permalink
    0
      • Ensure that push notifications are enabled for your app www ringtone zip in the iOS device's settings. Go to Settings > Your App > Notifications, and make sure notifications are enabled.
    1.  
    Comment actions Permalink
    0
  • If rich push notifications with images are not displaying on iOS devices through native development PIFC Best fusions or Cordova (a framework for building mobile applications), you need to troubleshoot the issue from both the server-side and the app's implementation. Here are steps to diagnose and potentially resolve the problem:

    Comment actions Permalink
    0
  • At the developer conference, participants donned custom hoodies emblazoned with a pressing issue: "Rich push notification with images are not showing in iOS via native and Cordova." This sparked discussions on mobile app development and troubleshooting push notification functionalities. Developers shared insights and strategies for resolving image display issues on iOS devices, exploring solutions for both native and Cordova-based applications. The custom hoodies became symbols of collaboration and problem-solving within the developer community.

    Comment actions Permalink
    0

Please sign in to leave a comment.