FCM6 [Node.js] FCM으로 푸시 메시지 전송(단일, 여러개) 📌 선행 작업발급받은 serviceAccountKey.json 파일로 초기 세팅해주기.import admin from 'firebase-admin';import serviceAccount from 'path/to/serviceAccountKey.json';admin.initializeApp({ credential: admin.credential.cert(serviceAccount)}); 1. 단일 건 전송admin.messaging().send() 사용token 키 값에 푸시 메시지를 보낼 단일 token 값 설정import admin from 'firebase-admin';const token = 'token123456789';const message = { token: token, da.. 2024. 8. 21. [React Native] android fcm 테스트 시 MISSING_INSTANCEID_SERVICE 에러 android 에뮬레이터에서 fcm를 이용한 푸시메시지 테스트를 진행하는데, 토근이 생성되지는 않고 아래 에러가 발생했다.[Error: [messaging/unknown] java.io.IOException: java.util.concurrent.ExecutionException: java.io.IOException: MISSING_INSTANCEID_SERVICE] 에러에 대해서 찾아보니, 에뮬레이터에 구글 플레이스토어가 설치되어있지 않으면 토큰이 발급되지 않는다고 한다.에뮬레이터를 확인해보니 정말 구글 플레이스토어가 설치되어 있지 않았고, 플레이스토어 설치 후에 다시 실행하니까 정상적으로 fcm을 활용한 푸시알림을 받을 수 있었다.참고: https://stackoverflow.com/questions.. 2024. 7. 16. [React Native] ios FCM으로 푸시알림 적용하기(2) - Firebase 설정 * 사전 준비: FCM 세팅 중에 APN 인증키(.p8 파일)가 필요하다. 인증 키 발급 방법은 다음 글에서 확인 가능하다.https://pocket-dev.tistory.com/43 인증서, ID 및 프로파일 > " data-og-host="pocket-dev.tistory.com" data-og-source-url="https://pocket-dev.tistory.com/43" data-og-url="https://pocket-dev.tistory.com/43" data-og-image="https://scrap.kakaocdn.net/dn/bmfSAI/hyWvSyqpRs/XQZMd2YmmctlRuVL4Am711/img.png?width=800&height=607&face=0_0_800_607,htt.. 2024. 7. 10. [React Native] ios FCM으로 푸시알림 적용하기(1) - APN 인증키(.p8) 발급받기 iOS 환경에서 FCM을 사용하기 위해서는 APN(Applie Push Notification)인증키가 필요하다.APN 인증키를 발급받아보자. 1. APN 인증키 발급하기1) https://developer.apple.com/account 접속 > 인증서, ID 및 프로파일 > 키(영문) 클릭 2) Keys > + 버튼 클릭 3) Key Name 입력 > Apple Push Notifications service(APNs) 부분 체크박스 체크 > 우측 상단 Continue 버튼 클릭 4) Register 버튼 클릭 5) Download 버튼 클릭노란색 경고문에 나와있듯이 Key 파일은 단 한 번만 다운로드 가능하기 때문에, 다운로드 받아서 잘 가지고 있어야 한다.만약 지금 다운로드 받지 않을 것이라면, .. 2024. 7. 10. [Node.js] FCM으로 푸시알림 보내는 API 작성하기 1. serviceAccountKey 발급받기firebase 프로젝트 콘솔 > 프로젝트 설정 > 서비스 계정 > '새 비공개 키 생성' 버튼 클릭다운받은 json파일을 Node.js 프로젝트 내에 넣어준다. 2. FCM 연결하기app.js// app.jsimport fcmConnection from './fcm';fcmConnection(); fcm.js위 1번에서 발급받은 json 파일을 import 해준다.아래 코드에서는 import serviceAccount from '../firebase-admin.json'; 부분이다.// fcm.jsimport * as admin from 'firebase-admin';import serviceAccount from '../firebase-admin.json.. 2024. 7. 10. [React Native] ios FCM으로 푸시알림 적용하기(3) - 연동 테스트 * 참고: ios는 FCM 테스트가 에뮬레이터에서 안되고, 실제 기기에서만 확인 가능하다.ios 실제 기기(아이폰)에서 프로젝트를 구동하는 방법은 다음 포스팅을 참고하면 된다: https://pocket-dev.tistory.com/35 scripts에 ios-device 부분 추가"scripts": { "start": "react-native start", "android": "react-native run-android", "ios": "react-native run-ios --simulator \"iPhone SE (3rd generation)\"", "ios-" data-og-host="pocket-dev.tistory.com" data-og-source-url="https://pocket-dev.. 2024. 7. 10. 이전 1 다음 반응형
