Notificaciones push enriquecidas
Aprende a configurar notificaciones push enriquecidas para el SDK de Braze.
Requisitos previos
Antes de poder utilizar esta característica, tendrás que integrar el SDK de Swift Braze. También tendrás que configurar las notificaciones push.
Configuración de notificaciones push enriquecidas
Paso 1: Crear una extensión de servicio
Para crear una extensión del servicio de notificación, ve a File > New > Target en Xcode y selecciona Notification Service Extension.

Asegúrate de que la opción Embed In Application está activada para incrustar la extensión en tu aplicación.
Paso 2: Configuración de la extensión del servicio de notificación
Una extensión del servicio de notificación es un binario propio que se incluye con tu aplicación. Debe configurarse en el Portal del Desarrollador de Apple con su propio ID de aplicación y perfil de aprovisionamiento.
El ID del paquete de la extensión del servicio de notificación debe ser distinto del ID del paquete de tu aplicación principal. Por ejemplo, si el ID del paquete de tu aplicación es com.company.appname, puedes utilizar com.company.appname.AppNameServiceExtension para la extensión de tu servicio.
Paso 3: Añadir un grupo de aplicaciones
En Xcode, añade la capacidad App Groups desde el panel Signing & Capabilities tanto a tu objetivo de aplicación principal como al objetivo de la extensión del servicio de notificaciones. Después, haz clic en el botón +. Utiliza el ID del paquete de tu aplicación para crear el grupo de aplicaciones. Por ejemplo, si el ID del paquete de tu aplicación es com.company.appname, puedes llamar a tu grupo de aplicaciones group.com.company.appname.xyz.

En este contexto, App Groups se refiere al derecho de App Groups de Apple y no a tu ID de espacio de trabajo Braze (antes “grupo de aplicaciones”).
Necesitas un grupo de aplicaciones compartido para que tu aplicación principal y la extensión del servicio de notificaciones puedan acceder a los datos compartidos. Si no añades tu aplicación a un grupo de aplicaciones, es posible que tu aplicación no pueda rellenar determinados campos de la carga útil de la notificación push y no funcione correctamente como se espera.
Paso 4: Integración de notificaciones push enriquecidas
Para una guía paso a paso sobre la integración de notificaciones push enriquecidas con BrazeNotificationService, consulta nuestro tutorial.
Para ver un ejemplo, consulta el uso en NotificationService de nuestra aplicación de ejemplos.
Añadir el framework de notificaciones push enriquecidas a tu aplicación
Después de seguir la guía de integración de Swift Package Manager, añade BrazeNotificationService a tu Notification Service Extension haciendo lo siguiente:
-
En Xcode, en frameworks y bibliotecas, selecciona el icono para añadir un framework.

-
Selecciona el framework “BrazeNotificationService”.

Añade lo siguiente a tu archivo de bibliotecas:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
target 'YourAppTarget' do
pod 'BrazeKit'
pod 'BrazeUI'
pod 'BrazeLocation'
end
target 'YourNotificationServiceExtensionTarget' do
pod 'BrazeNotificationService'
end
# Only include the below if you want to also integrate Push Stories
target 'YourNotificationContentExtensionTarget' do
pod 'BrazePushStory'
end

Tras actualizar el archivo de bibliotecas, ve al directorio de tu proyecto de aplicación Xcode dentro de tu terminal y ejecuta pod install.
Para añadir BrazeNotificationService.xcframework a tu Notification Service Extension, consulta Integración manual.

Utilizar tu propia UNNotificationServiceExtension
Si necesitas utilizar tu propia UNNotificationServiceExtension, puedes llamar en su lugar a brazeHandle en tu método didReceive.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import BrazeNotificationService
import UserNotifications
class NotificationService: UNNotificationServiceExtension {
override func didReceive(
_ request: UNNotificationRequest,
withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void
) {
if brazeHandle(request: request, contentHandler: contentHandler) {
return
}
// Custom handling here
contentHandler(request.content)
}
}
Paso 5: Configuración del grupo de aplicaciones en Braze
Antes de inicializar Braze, asigna el nombre de tu grupo de aplicaciones a la propiedad push.appGroup de tu configuración de Braze.
1
2
3
4
let configuration = Braze.Configuration(apiKey: "<YOUR-BRAZE-API-KEY>",
endpoint: "<YOUR-BRAZE-ENDPOINT>")
configuration.push.appGroup = "REPLACE_WITH_APPGROUP"
let braze = Braze(configuration: configuration)
Paso 6: Crear una notificación enriquecida en tu panel
Tu equipo de marketing también puede crear notificaciones enriquecidas desde el panel. Crea una notificación push a través del creador de push y adjunta una imagen o un GIF, o proporciona una URL que aloje una imagen, un GIF o un video. Ten en cuenta que los activos se descargan al recibir las notificaciones push, por lo que debes prever grandes picos sincrónicos de solicitudes si alojas tu contenido.
Requisitos previos
Antes de poder utilizar esta característica, tendrás que integrar el SDK Braze de Cordova. También tendrás que configurar las notificaciones push.
Configuración de notificaciones push enriquecidas
Paso 1: Crear una extensión del servicio de notificación
En tu proyecto Xcode, crea una extensión de servicio de notificación. Para un tutorial completo, consulta Tutorial de notificaciones push enriquecidas de iOS.
Paso 2: Añadir un nuevo objetivo
Abre tu archivo de bibliotecas y añade BrazeNotificationService al objetivo de extensión del servicio de notificación que acabas de crear. Si ya se ha añadido BrazeNotificationService a un objetivo, elimínalo antes de continuar. Para evitar errores de duplicación de símbolos, utiliza la vinculación estática.
1
2
3
4
target 'NOTIFICATION_SERVICE_EXTENSION' do
use_frameworks! :linkage => :static
pod 'BrazeNotificationService'
end
Sustituye NOTIFICATION_SERVICE_EXTENSION por el nombre de la extensión de tu servicio de notificación. Tu archivo de bibliotecas debe ser similar al siguiente:
1
2
3
4
target 'MyAppRichNotificationService' do
use_frameworks! :linkage => :static
pod 'BrazeNotificationService'
end
Paso 3: Reinstala tus dependencias de CocoaPods
En el terminal, ve al directorio iOS de tu proyecto y reinstala las dependencias de CocoaPod.
1
2
cd PATH_TO_PROJECT/platform/ios
pod install
Requisitos previos
Antes de poder utilizar esta característica, tendrás que integrar el SDK Braze de React Native. También tendrás que configurar las notificaciones push.
Uso de Expo para habilitar notificaciones push enriquecidas
Para el SDK de React Native, las notificaciones push enriquecidas están disponibles para Android de forma predeterminada.
Para habilitar las notificaciones push enriquecidas en iOS mediante Expo, configura la propiedad enableBrazeIosRichPush en true en tu objeto expo.plugins en app.json:
1
2
3
4
5
6
7
8
9
10
11
12
13
{
"expo": {
"plugins": [
[
"@braze/expo-plugin",
{
...
"enableBrazeIosRichPush": true
}
]
]
}
}
Por último, añade el identificador de paquete de esta extensión de aplicación a la configuración de credenciales de tu proyecto: <your-app-bundle-id>.BrazeExpoRichPush. Para más detalles sobre este proceso, consulta Utilizar extensiones de aplicación con los Servicios de Aplicación Expo.