Firebase
-
Firebase 설정(Firebase CLI) - WindowsMobile/Flutter 2022. 5. 25. 19:35
사전 준비 nodeJS 설치가 안되었다면 아래 링크에서 설치하면 된다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 명령 코드 확인 및 순서는 https://console.firebase.google.com/ 에 있는 프로젝트 설정 > 일반 > 앱 추가에서 Flutter를 눌렀을 때 나오는 순서를 따라간다. 1. 명령 프롬프트(cmd)에서 아래 코드 입력 npm install -g firebase-tools 2. firebase에 로그인 firebase login 3. 설치가 완료되면 아래 코드 입력 dart pub global activate flutterfire_cli 4. acti..
-
Firebase-React 연동WEB/React 2022. 4. 23. 21:51
웹을 Firebase와 연동하기 위해서는 프로젝트 설정에서 내 앱에 WEB을 추가해야 한다. 추가를 성공했다면 위 이미지 처럼 웹 앱의 항목이 추가된 것을 볼 수 있다. react에 npm install firebase를 입력하여 추가해 준다. 이제 react 소스에서 index.html이 있는 폴더 안에 firebase-messaging-sw.js 파일을 생성해준다. 파일 이름은 무조건 위의 이름으로 해야만 인식을 한다. 해당 파일에 아래 코드를 작성한다. importScripts('https://www.gstatic.com/firebasejs/9.0.0/firebase-app-compat.js'); importScripts('https://www.gstatic.com/firebasejs/9.0.0/f..
-
Firebase 푸시 메시지(Android)Mobile/Flutter 2022. 4. 20. 22:21
Flutter에서 푸시 메시지를 받기 위한 코드를 작성하는 예제이다. 필요한 패키지는 아래 작성되어있다. flutter_local_notifications firebase_messaging firebase_core AndroidManifest.xml의 application아래 문장을 추가한다. 여기서 value에는 원하는 채널 명을 넣으면 된다. 아래는 전체 코드이다. import 'dart:async'; import 'package:firebase_core/firebase_core.dart'; import 'package:firebase_messaging/firebase_messaging.dart'; import 'package:flutter/foundation.dart'; import 'package..
-
Firebase 연동(Android)Mobile/Flutter 2022. 4. 19. 20:36
Firebase를 Flutter에 연동하기 위해서는 Firebase 프로젝트를 생성해야 한다. https://console.firebase.google.com/?hl=ko 로그인 - Google 계정 하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인 accounts.google.com 위 FirebaseConsole로 접속하여 프로젝트 추가 버튼을 눌러준다. 프로젝트 명은 원하는 이름으로 설정한다. 애널리스틱이 필요하다면 설정을 하면 된다. 설정이 완료되면 Firebase를 사용할 수 있다. 이제 Flutter와 연동해보자. 톱니바퀴 버튼을 클릭하여 프로젝트 설정을 누른다. 들어가게 되면 위와 같은 화면이 나타난다. 해당 화면에서 제일 아래로 내리게 되면 위 이미지처럼 플랫폼을 추가..