Ir para o conteúdo

Notificações de Rich push

Aprenda como configurar notificações por push ricas para o SDK Braze.

Pré-requisitos

Antes de poder usar esse recurso, você precisará integrar o Swift Braze SDK. Você também precisará configurar notificações por push.

Configuração de notificações por push ricas

Etapa 1: Criar uma extensão de serviço

Para criar uma extensão de serviço de notificação, navegue até File > New > Target no Xcode e selecione Notification Service Extension.

Seletor de destino do Xcode criando uma extensão de serviço de notificação para push rico.

Certifique-se de que Embed In Application esteja configurado para incorporar a extensão em seu app.

Etapa 2: Configurar a extensão de serviço de notificação

Uma extensão de serviço de notificação é um binário separado que é empacotado com seu app. Ela deve ser configurada no Apple Developer Portal com seu próprio ID de app e perfil de provisionamento.

O bundle ID da extensão de serviço de notificação deve ser diferente do bundle ID do alvo principal do seu app. Por exemplo, se o bundle ID do seu app for com.company.appname, você pode usar com.company.appname.AppNameServiceExtension para sua extensão de serviço.

Etapa 3: Adicionar um App Group

No Xcode, adicione a capacidade App Groups no painel Signing & Capabilities tanto ao alvo principal do app quanto ao alvo da extensão de serviço de notificação. Em seguida, clique no botão +. Use o bundle ID do seu app para criar o grupo de apps. Por exemplo, se o bundle ID do seu app for com.company.appname, você pode nomear seu grupo de apps como group.com.company.appname.xyz.

Você precisa de um App Group compartilhado para que seu app principal e a extensão de serviço de notificação possam acessar dados compartilhados. Se você não adicionar seu app a um grupo de apps, seu app pode falhar ao preencher determinados campos da carga útil do push e não funcionará completamente como esperado.

Etapa 4: Integrar notificações por push ricas

Para obter um guia passo a passo sobre como integrar notificações por push ricas com BrazeNotificationService, consulte nosso tutorial.

Para ver um exemplo, consulte o uso em NotificationService do nosso app de exemplos.

Adicionar o framework de push rico ao seu app

Após seguir o guia de integração do Swift Package Manager, adicione BrazeNotificationService à sua Notification Service Extension fazendo o seguinte:

  1. No Xcode, em frameworks e bibliotecas, selecione o ícone de adição para adicionar um framework.

    O ícone de adição está localizado em frameworks e bibliotecas no Xcode.

  2. Selecione o framework “BrazeNotificationService”.

    O framework BrazeNotificationService pode ser selecionado no modal que é aberto.

Adicione o seguinte ao seu Podfile:

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

Após atualizar o Podfile, navegue até o diretório do seu projeto Xcode no terminal e execute pod install.

Para adicionar BrazeNotificationService.xcframework à sua Notification Service Extension, consulte Integração manual.

Projeto Xcode com BrazeNotificationService.xcframework adicionado à extensão de serviço de notificação.

Usar sua própria UNNotificationServiceExtension

Se você precisar usar sua própria UNNotificationServiceExtension, em vez disso pode chamar brazeHandle no seu método didReceive.

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)
  }
}

Etapa 5: Configurar o App Group na Braze

Antes de inicializar a Braze, atribua o nome do seu grupo de apps à propriedade push.appGroup da configuração da Braze.

let configuration = Braze.Configuration(apiKey: "<YOUR-BRAZE-API-KEY>",
                                        endpoint: "<YOUR-BRAZE-ENDPOINT>")
configuration.push.appGroup = "REPLACE_WITH_APPGROUP"
let braze = Braze(configuration: configuration)

Etapa 6: Criar uma notificação rica no dashboard

Sua equipe de marketing também pode criar notificações ricas pelo dashboard. Crie uma notificação por push pelo criador de push e anexe uma imagem ou GIF, ou forneça uma URL que hospede uma imagem, GIF ou vídeo. Os ativos são baixados no recebimento das notificações por push, então planeje-se para grandes picos sincronizados de requisições caso esteja hospedando seu próprio conteúdo.

Pré-requisitos

Antes de poder usar esse recurso, você precisará integrar o Cordova Braze SDK. Você também precisará configurar notificações por push.

Configuração de notificações por push

Etapa 1: Criar uma extensão de serviço de notificação

Em seu projeto Xcode, crie uma extensão de serviço de notificação. Para obter um passo a passo completo, consulte o Tutorial de notificações de rich push para iOS.

Etapa 2: Adicionar um novo direcionamento

Abra seu Podfile e adicione BrazeNotificationService ao alvo da extensão do serviço de notificação que acabou de criar. Se o BrazeNotificationService já estiver adicionado a um alvo, remova-o antes de continuar. Para evitar erros de símbolos duplicados, use a vinculação estática.

target 'NOTIFICATION_SERVICE_EXTENSION' do
  use_frameworks! :linkage => :static
  pod 'BrazeNotificationService'
end

Substitua NOTIFICATION_SERVICE_EXTENSION pelo nome da extensão de seu serviço de notificação. Seu Podfile deve ser semelhante ao seguinte:

target 'MyAppRichNotificationService' do
  use_frameworks! :linkage => :static
  pod 'BrazeNotificationService'
end

Etapa 3: Reinstale suas dependências do CocoaPods

No terminal, acesse o diretório iOS de seu projeto e reinstale as dependências do CocoaPod.

cd PATH_TO_PROJECT/platform/ios
pod install

Pré-requisitos

Antes de poder usar esse recurso, você precisará integrar o React Native Braze SDK. Você também precisará configurar notificações por push.

Usando o Expo para ativar notificações por push ricas

Para o SDK do React Native, notificações por push ricas estão disponíveis para Android por padrão.

Para ativar notificações por push avançadas no iOS usando o Expo, configure a propriedade enableBrazeIosRichPush como true em seu objeto expo.plugins em app.json:

{
  "expo": {
    "plugins": [
      [
        "@braze/expo-plugin",
        {
          ...
          "enableBrazeIosRichPush": true
        }
      ]
    ]
  }
}

Por fim, adicione o identificador de pacote para essa extensão de app à configuração de credenciais de seu projeto: <your-app-bundle-id>.BrazeExpoRichPush. Para obter mais detalhes sobre esse processo, consulte Uso de extensões de app com o Expo Application Services.

New Stuff!