Push notifications
Enable push notifications in your app using the React Native SDK
Engagement enables sending push notifications to your app users using scenarios. The mobile application handles the push message using the SDK and renders the notification on the customer's device.
Push notifications can also be silent, used only to update the app’s interface or trigger some background task.
Refer to Mobile push notifications to learn how to create push notifications in the Engagement web app.
Integration
The React Native SDK relies on the underlying native Android and iOS platforms to handle push notifications.
The following pages describe the steps for each platform to add the minimum push notification functionality (receive alert notifications) to your app.
Customization
This section describes the customizations you can implement once you have integrated the minimum push notification functionality.
Respond to push notification interactions
Once you have followed the integration steps for each platform, your app should be able to receive push notifications.
To respond to a push notification interaction, you can set up a listener using Exponea.setPushOpenedListener()
:
Exponea.setPushOpenedListener((openedPush) => {
switch(openedPush.action) {
case PushAction.APP:
// last push directed user to your app with no link
// log data defined on Exponea backend
console.log(openedPush.additionalData)
break;
case PushAction.DEEPLINK:
// last push directed user to your app with deeplink
console.log(openedPush.url)
break;
case PushAction.WEB:
// last push directed user to web, nothing to do here
break;
}
})
We recommend registering the listener as soon as possible to ensure proper application flow. However, the SDK will hold the last push notification and call the listener once it's registered.
To support deep links, additional set up steps are required. Refer to the documentation for the respective native platforms (Android, iOS). Alternatively, use the
Open app
action instead and add your payload toAdditional data
.
Respond to received push notifications
You can set up a listener for received push notifications using Exponea.setPushReceivedListener
, which is especially useful for silent push notifications.
Exponea.setPushReceivedListener((data) => {
console.log(data)
})
We recommend registering the listener as soon as possible to ensure proper application flow. However, the SDK will hold the last push notification and call the listener once it's registered.
The listener is called for both regular and silent push notifications on Android but only for silent push notifications on iOS due to technical limitations.
Custom push notification data processing
If the provided native ExponeaModule.Companion.handleRemoteMessage
(Android) and ExponeaNotificationService().process
(iOS) methods don't fit the requirements of your app, or you decide to disable automatic push notifications, you must handle push notifications and process their payload yourself.
Notification payloads are generated from (possibly complex) scenarios in the Engagement platform and contain all data for Android, iOS and web platforms. Therefore, the payload itself can be complex.
Notification payloads use a JSON data structure.
Payload example
{
"notification_id": 123,
"url": "https://example.com/main_action",
"title": "Notification title",
"action": "app|browser|deeplink|self-check",
"message": "Notification message",
"image": "https://example.com/image.jpg",
"actions": [
{"title": "Action 1", "action": "app|browser|deeplink", "url": "https://example.com/action1"}
],
"sound": "default",
"aps": {
"alert": {"title": "Notification title", "body": "Notification message"},
"mutable-content": 1
},
"attributes": {
"event_type": "campaign",
"campaign_id": "123456",
"campaign_name": "Campaign name",
"action_id": 1,
"action_type": "mobile notification",
"action_name": "Action 1",
"campaign_policy": "policy",
"consent_category": "General consent",
"subject": "Subject",
"language": "en",
"platform": "ios|android",
"sent_timestamp": 1631234567.89,
"recipient": "[email protected]"
},
"url_params": {"param1": "value1", "param2": "value2"},
"source": "xnpe_platform",
"silent": false,
"has_tracking_consent": true,
"consent_category_tracking": "Tracking consent name"
}
Updated 26 days ago