더 편한 메모 작성을 위해 miryang-dev.tistory로 이사했습니다.

➤ Supabase ➤ Scala ➤ Github ➤ React Native ➤ projectdiscovery ➤ Remix ➤ Rescript ➤ Purescript ➤ npm ➤ Cloudflare ➤ React ➤ Next.js ➤ GO ➤ Hyper-V ➤ Tibero ➤ Git ➤ Algorithms, 2020년

React Native 안드로이드 FCM 설정하고, 앱 푸시 받기

July 27, 2023

firebase에서 프로젝트 생성
android 앱 추가
android 패키지 이름 등 정보 입력
google-services.json 다운로드
- android/app/ 아래에 넣기
아래 코드 추가

android/build.gradle

dependencies {
    ...
    classpath "com.google.gms:google-services:4.3.15"
}

android/app/build.gradle

apply plugin: "com.google.gms.google-services"

android/app/src/main/AndroidManifest.xml

<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />

android/app/src/debug/AndroidManifest.xml

<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />

패키지 추가
- @react-native-firebase/messaging
- @react-native-firebase/app
- react-native-permissions

앱 실행 시 알림 권한 얻도록 요청하는 코드 작성

App.tsx

import messaging from '@react-native-firebase/messaging';
import {request, PERMISSIONS} from 'react-native-permissions';

  useEffect(() => {
    messaging().registerDeviceForRemoteMessages();

    request(PERMISSIONS.ANDROID.POST_NOTIFICATIONS);
  }, []);

firebase > 참여 > messaging에서 푸쉬 보낼 수 있음