본문 바로가기

IT/ReactivNative

[리액트네이티브 IOS] Firebase 클라우드 메세지 셋팅 (FCM) 하는 방법.

리액트 네이티브를 공부하다보면 앱에 알람 설정을 하고 싶을 때가 있다.

 

이럴 때 firebase 에서 제공하는 cloud messagin을 사용하면 되는데, 한국어로 작성되거나 포스팅 된 글에서는 정확한 과정을 찾아보기 힘들다. 아래 방법대로 따라하면 된다. 당연히 react-native , pod 등 기본적으로 설치 되어야한다. 

 

(참고로 cloud messaging을 하기 위해서는 ios 경우 개발자 등록을 해야한다. 개발자 등록은 아래 링크를 참고하시길)

 

 

1. react-native 로 파일 생성하기

 

 -> react-native init "프로젝트명"

 

 

2. rnfirebase.io/

 

React Native Firebase | React Native Firebase

Welcome to React Native Firebase! To get started, you must first setup a Firebase project and install the "app" module.

rnfirebase.io

getting start 문서를 참고하면 된다.

 

 

3. firebase.google.com/docs/ios/setup?hl=ko#objective-c

 

iOS 프로젝트에 Firebase 추가

기본 요건 다음을 설치합니다. Xcode 11.0 이상 CocoaPods 1.4.0 이상 프로젝트가 다음 요구사항을 충족하는지 확인합니다. 프로젝트에서 iOS 8 이상을 타겟팅해야 합니다. 실제 iOS 기기를 설정하거나 iOS

firebase.google.com

 

중간에 firebase 내 ios앱을 추가할 때 설정하는 건 위 자료를 참고하면 된다. 다만, ios 기준으로 설명되어 있기 때문에

 

이 부분에서 UIApplicationDelegate 가 아닌 AppDelegate.h 부분에 @import Firebase; 

그리고 AppDelegate.m 부분에 [FIRApp configure]; 부분을 추가하면 된다.

 

 

 

 

참고로 애플 device id (udid) 를 찾을 때는 아래 링크 참고하면 된다.

medium.com/@jang.wangsu/ios-iphone%EC%9D%98-udid-%EB%A5%BC-%ED%99%95%EC%9D%B8%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95-a82ac8df93ea

 

[iOS] iPhone의 UDID 를 확인하는 방법..

근래에 오래도록 Testflight 를 주로 이용하다 보니..

medium.com

 

 

 

 

모든 설치가 끝나고 npx react-native run-ios 로 실행시켰을 때 에러가 안뜨면

firebase , firebase cloud messaging 과 로컬에 있는 ios 앱이 정상적으로 연결된 걸 알 수 있다.