Início rápido do SDK para React Native

Comece a usar o SDK da Pushwoosh para React Native com este exemplo rápido e simples

Pré-requisitos

Para integrar o SDK da Pushwoosh para React Native em seu aplicativo, você precisará do seguinte:

Requisitos

• Uma conta Pushwoosh.
• Um projeto Pushwoosh configurado na sua conta.
• Para integração com iOS:
  • Uma plataforma iOS configurada para enviar notificações push. Recomendamos usar a configuração de Autenticação Baseada em Token como a abordagem mais simples.
  • Durante a configuração, defina o Gateway como Sandbox para enviar pushes para um simulador.
• Para integração com Android:
  • Uma plataforma Android configurada
  • O project number (também conhecido como Sender ID), o arquivo google-services.json e o package name do seu projeto Firebase.
  • Um projeto Firebase conectado ao seu aplicativo Android. Siga o guia de configuração do Firebase se necessário.
• Seu Pushwoosh Application Code e Token da API de Dispositivo Pushwoosh do Painel de Controle Pushwoosh para seu aplicativo.

Baixe o projeto de exemplo

# Clone o repositório do SDK e navegue até o projeto de exemplo
git clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git

# Navegue até o diretório de exemplo
cd pushwoosh-react-native-plugin/example/demoapp/

Configure o projeto

Instale as dependências:

npm install

Abra o arquivo Settings.js e atualize a chamada Pushwoosh.init:

Pushwoosh.init({ "pw_appid" : "__YOUR_APP_ID__", "project_number":"__YOUR_FCM_SENDER_ID__"});

Substitua os valores __YOUR_APP_ID__ e __YOUR_FCM_SENDER_ID__ pelo seu Código de Aplicativo Pushwoosh e Número do Projeto Firebase.

iOS

1. Instale as dependências

Navegue até o diretório ios e instale as dependências:

cd ios && pod install --repo-update

2. Defina o Bundle Identifier

Abra o arquivo ios/Runner.xcworkspace no Xcode.

Defina o Bundle Identifier para cada alvo (target):

• Runner: o nome do pacote do seu aplicativo. (ex: com.example.pushwoosh)
• NotificationService: o nome do pacote do seu aplicativo com .NotificationServiceExtension (ex: com.example.pushwoosh.NotificationServiceExtension)

3. Defina o Token da API

No seu arquivo ios/Runner/Info.plist, defina a chave Pushwoosh_API_TOKEN para o Token da API de Dispositivo da Pushwoosh

Android

1. Configure o google-services.json

Copie seu arquivo google-services.json para o diretório android/app

2. Defina o nome do pacote

Abra o arquivo android/app/build.gradle e defina o applicationId para o nome do pacote do seu aplicativo. (ex: com.example.pushwoosh)

3. Defina o Token da API

Abra seu arquivo android/app/src/main/AndroidManifest.xml e adicione os seguintes metadados dentro da tag <application>:

AndroidManifest.xml

<meta-data android:name="com.pushwoosh.apitoken" android:value="__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__" />

Substitua __YOUR_PUSHWOOSH_DEVICE_API_TOKEN__ pelo seu Token da API de Dispositivo da Pushwoosh.

Execute o projeto

1. Compile e execute o projeto.
2. O aplicativo terá duas abas: “Actions” e “Settings”. Navegue até a aba Settings.
3. Toque no botão Register for Push Notifications.
4. Conceda permissão para notificações push. O dispositivo será registrado na Pushwoosh.

Envie uma notificação push

Volte para o Painel de Controle da Pushwoosh e envie uma notificação push para o seu dispositivo registrado.