React Native for iOS 사용 가이드

※ 리액트네이티브 0.68.0 기반 / iOS10 이상

모듈 다운로드

 

1. 여기를 눌러 모듈을 다운로드합니다.

2. 생성된 React Native 프로젝트 폴더와 같은 위치에 압축을 해제합니다.

모듈 적용하기

 

1. ‘react-native install ../fingerpush_reactnative_module’을 호출하여 모듈을 설치합니다.
※압축이 해제된 fingerpush_reactnative_module 폴더를 상대 경로로 접근하여 설치해야 합니다.
2. 프로젝트 내 iOS 폴더에서 ‘pod install’을 호출합니다.
AppDelegate.m 파일 교체하기

 

1. ‘MyProject/ios/MyProject/AppDlegate.m’ 파일을 ‘fingerpush_reactnative_module/example/ios/FingerpushExample/AppDelegate.m’ 파일의 내용으로 교체해줍니다.
2. 교체한 AppDelegate.m 파일의 moduleName을 프로젝트명으로 변경해줍니다.
핑거푸시 관리자 사이트 APP 생성

 

1. 핑거푸시 사이트(https://www.fingerpush.com)에서 앱 추가를 눌러 핑거푸시 앱을 생성합니다.

 

manual_for_android_1-1



2. 필수값인 앱 이름, 앱 구분, 앱 카테고리를 입력 또는 선택합니다.

manual_for_android_1-2



3. 설정을 선택하면 App Key, App Secret 을 확인할 수 있습니다.

manual_for_android_1-3



4. 핑거푸시의 App Key, App Secret를 프로젝트의 시작 위치에 아래 사용한 함수와 같이 입력 후 저장합니다.

푸시 기능 추가

 

1. Signing & Capabilities에서 Bundle Identifier와 Provisioning Profile을 수정합니다.

2. Capability 추가 선택 -> Background Modes의 Remote notifications, Push Notifications 추가합니다.

manual_for_android_2-2

예제 파일 적용 및 푸시메시지 확인
1. 프로젝트 폴더 내의 App.js 파일을 예제 파일과 같이 변경합니다.

 

fp_plugin_008



※ 예제 파일은 ‘fingerpush_reactnative_module > example > src > App.tsx’에서 확인하실 수 있습니다.



2. setDevice 함수를 통해 앱을 핑거푸시 서버에 등록합니다.


fp_plugin_009



3. 디바이스가 정상적으로 등록됐다면 핑거푸시 사이트에서 확인 가능하고, 푸시메시지를 수신할 수 있습니다.

리액트네이티브 핑거푸시 플러그인 API Reference
핑거푸시 API의 기능과 변수, 결과값에 대한 정보는 ‘Guide’ > ‘API Reference’ > Android API Reference for AAR에서 확인할 수 있습니다.