Skip to content

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 del servicio

Para crear una extensión del servicio de notificación, en Xcode ve a File > New > Target y selecciona Notification Service Extension.

SELECTOR de destino de Xcode creando una extensión del servicio de notificación para push enriquecido.

Asegúrate de que Embed In Application esté configurado para incrustar la extensión en tu aplicación.

Paso 2: Configurar la extensión del servicio de notificación

Una extensión del servicio de notificación es su propio binario que se empaqueta con tu aplicación. Debe configurarse en el Apple Developer Portal con su propio ID de aplicación y perfil de aprovisionamiento.

El ID de paquete de la extensión del servicio de notificación debe ser distinto al ID de paquete del destino principal de tu aplicación. Por ejemplo, si el ID de paquete de tu aplicación es com.company.appname, puedes usar com.company.appname.AppNameServiceExtension para tu extensión del 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 destino principal de la aplicación como al destino de la extensión del servicio de notificación. Luego, haz clic en el botón +. Usa el ID de paquete de tu aplicación para crear el grupo de aplicaciones. Por ejemplo, si el ID de paquete de tu aplicación es com.company.appname, puedes nombrar tu grupo de aplicaciones group.com.company.appname.xyz.

Necesitas un grupo de aplicaciones compartido para que tu aplicación principal y la extensión del servicio de notificación puedan acceder a datos compartidos. Si no añades tu aplicación a un grupo de aplicaciones, tu aplicación podría no poder rellenar ciertos campos de la carga útil del push y no funcionará completamente como se espera.

Paso 4: Integrar notificaciones push enriquecidas

Para obtener 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 push enriquecido a tu aplicación

Después de seguir la guía de integración de Swift Package Administrador, añade BrazeNotificationService a tu Notification Service Extension haciendo lo siguiente:

  1. En Xcode, en frameworks y bibliotecas, selecciona el icono para añadir un framework.

    El icono de más se encuentra en frameworks y bibliotecas en Xcode.

  2. Selecciona el framework “BrazeNotificationService”.

    El framework BrazeNotificationService se puede seleccionar en el modal que se abre.

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

Después de actualizar el archivo de bibliotecas, ve al directorio de tu proyecto de Xcode dentro de tu terminal y ejecuta pod install.

Para añadir BrazeNotificationService.xcframework a tu Notification Service Extension, consulta Integración manual.

Proyecto de Xcode con BrazeNotificationService.xcframework añadido a la extensión del servicio de notificación.

Usar tu propio UNNotificationServiceExtension

Si necesitas usar tu propio UNNotificationServiceExtension, puedes en su lugar llamar 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: Configurar el grupo de aplicaciones en Braze

Antes de inicializar Braze, asigna el nombre de tu grupo de aplicaciones a la propiedad push.appGroup de la 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 GIF, o proporciona una URL que aloje una imagen, GIF o video. Ten en cuenta que los activos se descargan al recibir las notificaciones push, por lo que debes planificar grandes picos síncronos en las solicitudes si alojas tu propio 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.

New Stuff!