React Native SDK 빠른 시작

이 빠르고 간단한 예제를 사용하여 Pushwoosh React Native SDK를 시작하세요.

전제 조건

Pushwoosh React Native SDK를 앱에 통합하려면 다음이 필요합니다:

예제 프로젝트 다운로드

# SDK 저장소를 복제하고 예제 프로젝트로 이동합니다
git clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git

# 예제 디렉토리로 이동합니다
cd pushwoosh-react-native-plugin/example/demoapp/

프로젝트 구성

종속성을 설치합니다:

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 프로젝트 번호로 바꾸세요.

iOS

1. 종속성 설치

ios 디렉토리로 이동하여 종속성을 설치합니다:

cd ios && pod install --repo-update

2. 번들 식별자 설정

Xcode에서 ios/Runner.xcworkspace 파일을 엽니다.

각 타겟에 대해 번들 식별자를 설정합니다:

Runner: 앱의 패키지 이름. (예: com.example.pushwoosh)
NotificationService: 앱의 패키지 이름에 .NotificationServiceExtension을 추가한 이름. (예: com.example.pushwoosh.NotificationServiceExtension)

3. API 토큰 설정

ios/Runner/Info.plist에서 Pushwoosh_API_TOKEN 키를 Pushwoosh Device API 토큰으로 설정합니다.

Android

1. google-services.json 설정

google-services.json 파일을 android/app 디렉토리로 복사합니다.

2. 패키지 이름 설정

android/app/build.gradle을 열고 applicationId를 앱의 패키지 이름으로 설정합니다. (예: com.example.pushwoosh)

3. API 토큰 설정

android/app/src/main/AndroidManifest.xml 파일을 열고 <application> 태그 안에 다음 메타데이터를 추가합니다:

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

__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__을 Pushwoosh Device API 토큰으로 바꾸세요.

프로젝트 실행

프로젝트를 빌드하고 실행합니다.
앱에는 “Actions”와 “Settings” 두 개의 탭이 있습니다. Settings 탭으로 이동합니다.
Register for Push Notifications 버튼을 탭합니다.
푸시 알림 권한을 부여합니다. 기기가 Pushwoosh에 등록됩니다.

푸시 알림 보내기

Pushwoosh Control Panel로 돌아가 등록된 기기로 푸시 알림을 보냅니다.