Vue 에서 바로 firestore 연결하기

firebase 설치 

npm install -save firebase

firebase init 

 

firebase에서 cloudstore 프로젝트 생성해서 App 등록해서 config 정보 가져와서 

별도 파일 만들고 불러옴

 

main.js 에 아래처럼 써주기 (나중에는 firebase 내용 별도 분리)

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import firebase from 'firebase/app'
import 'firebase/firestore'
//firebase config 내용은 별도 파일로 분리
import firebaseConfig from '../firebaseConfig'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')


// Initialize Firebase
var db = firebase.initializeApp(firebaseConfig);

db.firestore().collection("test").add(
  {
    test: [1,0]
  }
).then(r => console.log(r)).catch(e => console.log(e));

Firebase 에 Data 입력 확인