본문 바로가기

전체 글

(137)
295. Sending Push Notifications Automatically via Cloud Functions 1. 이제는 파베에서 수동으로 메시지를 보내지 말고 자동으로 보내보자. 이 부분은, 파이어베이스 백엔드에 접근하고, 유료전환으로 해야한다. (거의 안쓰니 무료 / 요금제는 나중에 실제 프로덕션 할 때 확인해보자. 서버비 부담될정도로 유저가 많아졌으면 좋겠다) 파베 위 펑션 부분을 진행하면 된다. 위 펑션 부분을 누르면 npm 모듈을 다운받으라고 나온다. npm install -g firebase-tools 이걸 설치하자. 그러면 아래와 같은 폴더/파일이 생성된다. 그리고, 펑션 화면에 나오는대로 firebase init를 하게되면 관련 설정값들을 지정해준다. 그리고 index.js에는 사용자가 원하는 함수 명령어를 넣으면 된다. - index.js const functions = require("fire..
~294. Working with Notification Topics 1. 알림 기능을 만들어보자. ios와 android 세팅 방법이 다르다. android는 시뮬레이터를 통해 하려면, debug모드 (f5)에서 가능하다. 아래 사이트 참조 https://firebase.google.com/docs/cloud-messaging/flutter/client?hl=ko Flutter에서 Firebase 클라우드 메시징 클라이언트 앱 설정 Google I/O 2023에서 Firebase의 주요 소식을 확인하세요. 자세히 알아보기 의견 보내기 Flutter에서 Firebase 클라우드 메시징 클라이언트 앱 설정 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐 firebase.google.com 개별 토큰을 받는 방법과, 토픽 구독형방법이 있다. 개별 토큰은, 기기별로 토큰을..
~290. Styling Chat Message Bubbles 1. 채팅을 입력하면 화면에 나오게 세팅해보자. 먼저 데이터를 파베로 보내고, 해당 파베 데이터를 가지고 와서 화면에 보여주는식으로 진행할 예정이다. - new_message.dart import 'package:cloud_firestore/cloud_firestore.dart'; import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/material.dart'; class NewMessage extends StatefulWidget { const NewMessage({super.key}); @override State createState() { return _NewMessageState(); } } class _NewMes..