Быстрый старт с React Native SDK

Начните работу с Wavesend React Native SDK, используя этот быстрый и простой пример.

Предварительные требования

Для интеграции Wavesend React Native SDK в ваше приложение вам понадобится следующее:

Requirements

• A Wavesend account.
• A Wavesend project set up in your account.
• For iOS integration:
  • An iOS platform configured to send push notifications. We recommend using the Token-Based Authentication configuration as the simplest approach.
  • During setup, set the Gateway to Sandbox to send pushes to a simulator.
• For Android integration:
  • A configured Android platform
  • The project number(also known as Sender ID) , google-services.json file and package name from your Firebase project.
  • A Firebase project connected to your Android application. Follow the Firebase setup guide if needed.
• Your Wavesend Application Code and Wavesend Device API Token from the Wavesend Control Panel for your application.

Скачайте пример проекта

# Клонируйте репозиторий SDK и перейдите в каталог с примером проекта
git clone https://github.com/Wavesend/wavesend-react-native-plugin.git

# Перейдите в каталог с примером
cd wavesend-react-native-plugin/example/demoapp/

Настройте проект

Установите зависимости:

npm install

Откройте Settings.js и обновите вызов Wavesend.init:

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

Замените значения __YOUR_APP_ID__ и __YOUR_FCM_SENDER_ID__ на ваш код приложения Wavesend и номер проекта Firebase.

iOS

1. Установите зависимости

Перейдите в каталог ios и установите зависимости:

cd ios && pod install --repo-update

2. Установите Bundle Identifier

Откройте файл ios/Runner.xcworkspace в Xcode.

Установите Bundle Identifier для каждой цели (target):

• Runner: имя пакета вашего приложения (например, com.example.wavesend)
• NotificationService: имя пакета вашего приложения с суффиксом .NotificationServiceExtension (например, com.example.wavesend.NotificationServiceExtension)

3. Установите API Token

В вашем файле ios/Runner/Info.plist установите для ключа Pushwoosh_API_TOKEN значение Wavesend Device API Token

Android

1. Настройте google-services.json

Скопируйте ваш файл google-services.json в каталог android/app

2. Установите имя пакета

Откройте android/app/build.gradle и установите applicationId в качестве имени пакета вашего приложения (например, com.example.wavesend)

3. Установите API Token

Откройте ваш файл android/app/src/main/AndroidManifest.xml и добавьте следующие метаданные внутрь тега <application>:

AndroidManifest.xml

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

Замените __YOUR_WAVESEND_DEVICE_API_TOKEN__ на ваш Wavesend Device API Token.

Запустите проект

1. Соберите и запустите проект.
2. В приложении будет две вкладки: “Actions” и “Settings”. Перейдите на вкладку Settings.
3. Нажмите кнопку Register for Push Notifications.
4. Предоставьте разрешение на получение push-уведомлений. Устройство будет зарегистрировано в Wavesend.

Отправьте push-уведомление

Вернитесь в Wavesend Control Panel и отправьте push-уведомление на ваше зарегистрированное устройство.