[React Native] 리액트 네이티브 - firebase를 활용한 알림 보내기

이번 리액트 네이티브 강의에서는

React Native 앱에서 알림을 보내는 방법에 대해서 알아보도록 하겠습니다.

 

 

React Native Installation

 

리액트 네이티브를 기본적으로 설치 합니다.

$ react-native init mysite

 

 

Npm Installation

 

firebase 패키지를 설치합니다.

$ npm install --save react-native-push-notification

 

 

코드 추가

(참조 Site : https://www.npmjs.com/package/react-native-push-notification )

 

android/build.gradle

 

android/app/build.gradle

 

 

firebase 접속하기

① 프로젝트 만들기 접속하기

  - https://console.firebase.google.com/?hl=ko

 

① 프로젝트 이름 입력하기

② 계속하기 버튼 클릭하기

 

① 프로젝트 만들기

 

① 새 프로젝트 계속하기

 

① Cloud Messaging 링크 클릭하기

 

① 안드로이드 버튼 클릭

 

① android > src > main > AndroidManifest.xml 경로로 이동합니다.

② package를 확인한다.

 

① Android 패키지 이름을 입력합니다.

② 앱 닉네임을 선택합니다.

③ 앱 등록 버튼을 클릭 합니다.

 

① google-services.json 다운로드 합니다.

 

① 다운로드 받은 파일을 android > app > src > google-services.json 경로에 넣어 줍니다.

 

① 다음 버튼을 누릅니다.

 

① 다음 버튼을 누릅니다.

 

① 콘솔로 이동 버튼을 누릅니다.

 

① Send your first message 버튼을 클릭합니다.

 

① 알림 제목을 입력합니다.

② 알림 텍스트를 입력합니다.

③ 알림 창 오른쪽에 이미지를 붙여 넣어주시면 됩니다.

④ 다음 버튼을 클릭합니다.

 

① 전에 만든 안드로이드를 선택합니다. 

② 다음 버튼을 클릭합니다.

 

① 다음 버튼을 클릭합니다.

 

① 검토 버튼을 클릭합니다.

 

① 게시 버튼을 클릭합니다.

 

마지막으로 알람이 앱에 전달되게 됩니다.

 

수고하셨습니다.