Перейти к содержанию

Краткое руководство по React Native SDK

Начните работу с Pushwoosh React Native SDK с помощью этого краткого и простого примера.

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

Anchor link to

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

Загрузка примера проекта

Anchor link to
Terminal window
# Клонируйте репозиторий SDK и перейдите в каталог с примером проекта
git clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git
# Перейдите в каталог с примером
cd pushwoosh-react-native-plugin/example/demoapp/

Конфигурация проекта

Anchor link to

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

Terminal window
npm install

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

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

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

1. Установка зависимостей
Anchor link to

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

Terminal window
cd ios && pod install --repo-update
2. Установка Bundle Identifier
Anchor link to

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

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

  • Runner: имя пакета вашего приложения (например, com.example.pushwoosh).
  • NotificationService: имя пакета вашего приложения с .NotificationServiceExtension (например, com.example.pushwoosh.NotificationServiceExtension).
3. Установка API-токена
Anchor link to

В файле ios/Runner/Info.plist установите для ключа Pushwoosh_API_TOKEN значение вашего API-токена устройства Pushwoosh.

1. Настройка google-services.json
Anchor link to

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

2. Установка имени пакета
Anchor link to

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

3. Установка API-токена
Anchor link to

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

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

Замените __YOUR_PUSHWOOSH_DEVICE_API_TOKEN__ вашим API-токеном устройства Pushwoosh.

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

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

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

Anchor link to

Вернитесь в Панель управления Pushwoosh и отправьте push-уведомление на ваше зарегистрированное устройство.