[App] React Native FCM 푸시 알림 세팅 (ios)

프로젝트 생성

https://console.firebase.google.com

로그인 - Google 계정

설명

• 클라이언트 FCM 토큰 추출 ( 알림 권한 허용시 )
• 백엔드 FCM 토큰 저장 
• 백엔드 FCM 메세지 퍼블리싱
• 사용자 디바이스 알림 응답 

플랫폼 등록

프로젝트를 생성하면 이러한 대시보드가 보인다.

대시보드에 등록 할 플랫폼을 선택해서 추가 해준다.

ios

#app.json
{
    "expo":{
     "ios": {
      "bundleIdentifier": "com.aa.bb"

app.json 파일에 bundleIdentifier 에 설정되어 있는 번들 ID 를 넣어준다.

# XCode
TARGET > General > Identity > Bundle Identifier 에 있는 값

구성파일 세팅

GoogleService-info.plist 구성파일을 받은 후 안내와 같이 Xcode 루트 디렉토리에 넣어준다.

firebase SDK 추가

npx expo install @react-native-firebase/messaging @react-native-firebase/app
cd ios
pod install

APN 인증키 등록

apn 인증키 발급은 아래 글을 참고 하도록 하자

https://soobysu.tistory.com/235

[App] ios APN (.p8) 인증키 발급받기

 

프로젝트 설정 > 클라우드 메시징 > Apple 앱 구성 > APN 인증 키 > 업로드

KEY ID 는 AuthKey_XXXXXXX.p8

의 X 부분이 Key ID 이다.

XCode 설정

Capability 에 들어가서 Push Notifications, Background Modes 를 추가 해준다.

끗!