Skip to content

Week 5 firebase

Jump to bottom
JunBae edited this page Dec 3, 2019 · 5 revisions

1대1 메신저 만들기

설정(사이트)

  • firebase 사이트로 가서 회원가입 후, 프로젝트 생성(nodejs)한다.
  • 프로젝트로 들어가서 'project overview'의 proejct settings로 이동한다.
  • 일반의 내앱의 firebase SDK snippet탭의 CDN을 선택하여 스크립트를 복사한다.(이게 firebase 의 설정파일이라고 생각하면된다.)
  • 프로젝트내에 firebase.js로 파일을 만들어 관리한다.
//firebase.js
import * as firebase from "firebase"
let database
let config = {
  apiKey: ""
  authDomain: ""
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: ""
}
  export const fire = () => {
  firebase.initializeApp(config)
  firebase.analytics()
  database = firebase.database()
  }

  export const getFireDB = () => {
  return database.ref("/").once("value")
  }

  • 설정(프로젝트)

  • firebase 초기설정

    //해당 폴더 루트로 이동
firebase login//로그인
firebase init//프로젝트에 필요한 firebase를 설치
//database 를 스페이스바로 선택
//사이트에서 생성한 프로젝트를 선택
//나머지는 기본으로 설정한다.(Use an existing project, database.rules.json)

  • database.rules.json설정 { "rules": { ".read": true, ".write": true } }

  • 읽기, 쓰기를 true로 하여 읽고 쓰기가 가능하도록 한다.

읽기

쓰기

정렬

탐색

  • 참고

부스트캠프 맴버십 - 그룹프로젝트 (서준배, 최성찬, 홍승표, 황선준)

Clone this wiki locally