Firebase5 Flutter 백그라운드 알림 (Cloud Messaging) re오늘은 회사에서 백그라운드 알림을 해보았습니다 :) 카톡이나, 인스타그램을 보면 메세지가 왔을 때 알람이 오는데, 그러한 알림 서비스 기능을 만드는 작업을 해보았는데요 :ㅐ 한 번 정리해보곘습니다~! 저희는 메세지 푸시 알림을 위해 패키지를 사용할 예정입니다. 아래 패키지는 Firebase Cloud Messaging(FCM)을 Flutter 애플리케이션에서 사용할 수 있도록 지원하는 패키지로, 우리는 앱에서 발급 받을 FCM 토큰을 발급받아 사용할 예정입니다. https://pub.dev/packages/firebase_messaging firebase_messaging | Flutter package Flutter plugin for Firebase Cloud Messaging, a cross-p.. 2024. 3. 3. React Firebase 웹 호스팅 1. Firebase 공식 페이지 프로젝트 생성 및 연동 2023.12.28 - [코딩/React] - React firebase 연동 React firebase 연동 1. Firebase 프로젝트 생성 구글 어널리틱스 연동의 경우 사용자의 의지에 따라 설정하시면 됩니다. 2. Firebase 웹 key 발급 웹 표시를 클릭 후 앱 등록과 hosting을 원하실 경우 클릭한다. 3. react 폴더에 quddkflty.tistory.com 2. Firebase 호스팅 firebase 연동 후 호시팅 배포를 아래와 같이 설정하면 좋은데, 명령어 순서를 알려드리도록 하겠습니다. - firebase login 후 아래 명령어를 입력하게 되면 아래 사진과 같은 화면이 뜨게 될 것이다. 아래 사진 순서와 같이 입.. 2023. 12. 28. React firebase 연동 1. Firebase 프로젝트 생성 구글 어널리틱스 연동의 경우 사용자의 의지에 따라 설정하시면 됩니다. 2. Firebase 웹 key 발급 웹 표시를 클릭 후 앱 등록과 hosting을 원하실 경우 클릭한다. 3. react 폴더에 firebase 연동 - 해당 파일 디렉토리에 아래 명령어를 입력한 후 sdk에 대해 firebase 폴더를 추가하여 Firebase를 초기화 한다. npm install firebase - 2번째 사진과 같이 fbase.js 파일을 src 안에 fbase.js(파일 이름은 상관X) 에 해당 sdk 코드를 붙여 넣으면 된다. 4. Cli 설치 다음 버튼 후 나오는 명령어를 따라 설치하면 된다. 호스팅 관련 글은 다음에 남겨 놓도록 하겠습니다. ps. Firebase fir.. 2023. 12. 28. [React] Firebase CRUD 다양한 예시 코드! React로 Firebase 연동 후 CRUD 기능에 대해서 복사해서 사용하려 했던 코드들을 공유하고자 한다. 개발자 모두 화이팅! create 원하는 collection 안에문서에 의미 있는 ID가 필요하지 않을 경우 id를 생성하여 DB에 저장한다. import { collection, addDoc } from "firebase/firestore"; function handleOnSubmit() { const docRef = addDoc(collection(dbService, "create"), { // create라는 collection 안에 넣겠다는 뜻 create: 'create', }); if (docRef) { console.log('create 성공'); } } 원하는 collection .. 2023. 6. 7. 이전 1 2 다음
