[ REACT-NATIVE ] iOS 푸시 알림 설정하기

참고한 사이트

1. https://velog.io/@mayinjanuary/React-Native-Firebase-%EB%A1%9C-%ED%91%B8%EC%89%AC-%EC%95%8C%EB%A6%BC-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-2-IOS-%EC%95%B1-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0

[React Native] 🔥 Firebase 로 푸쉬 알림 구현하기 - (2) iOS 앱에서 푸시 알림 띄우기!

 

사전에 Firebase 설치와 연동이 되어있어야 가능합니다.

 

1. Firebase 콘솔에서 iOS 앱 생성

2 iOS 환경에서 알림 권한 요청

• 안드로이드에서는 사용자 승인을 요청할 필요가 없음
  (requestUserPermission 메서드를 실행해도 안드로이드에서는 resolve 가 되기 때문에 별다른 문제 없음)
• 아래 코드를 필요한 곳에 추가해주시면 됩니다. 
  (앱 시작시 실행하고 싶으면 app.js 에서 실행하시면 됩니다.)

import messaging from '@react-native-firebase/messaging';

async function requestUserPermission() {
  const authStatus = await messaging().requestPermission();
  const enabled =
    authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
    authStatus === messaging.AuthorizationStatus.PROVISIONAL;

  if (enabled) {
    console.log('Authorization status:', authStatus);
  }
}

3. firebase 에서 apn 구성

4. xcode 설정

• signing & capabilities -> + capability
  - Push Notifications 추가
  - Background Modes 추가 > Remote Notifications 체크
• 이렇게 push 받을 준비 끝