React Native SDK 빠른 시작

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

사전 요구 사항

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

예제 프로젝트 다운로드

# Clone the SDK repository and navigate to the example project
git clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git

# Navigate to example directory
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 Token 으로 설정합니다.

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 Token 으로 대체합니다.

프로젝트 실행

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

푸시 알림 전송

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