VueJS + VUEX + 소방 기지:소방 기지를 어디에 설치할 것인가?

VueJS + VUEX + 소방 기지:소방 기지를 어디에 설치할 것인가?

나는 내 Vue에 Firebase를 통합하고 싶다.JS앱.

나는 파이어베이스에 대한 참조를 어디에 두어야 할지 궁금하다.

프로젝트의 종속성으로 Firebase를 설치하려면 다음과 같이 하십시오.cd프로젝트 디렉터리로 이동하고 명령줄에서 다음 명령을 실행하십시오.

npm install --save firebase

이제 main.js 파일에 이것을 추가하십시오.

import Vue from 'vue'
import App from './App.vue'
import * as firebase from 'firebase'
import { store } from './store/store'


const config = {
    apiKey: "xxxxxxx",
    authDomain: "xxxxxxx",
    databaseURL: "xxxxxxx",
    storageBucket: "xxxxxxxx",
    messagingSenderId: "xxxxxxx"
  };

firebase.initializeApp(config);
Vue.prototype.$firebase = firebase;

new Vue({
  el: '#app',
  store,
  render: h => h(App)
}) 

• 또한 다음과 같이 외부 js 파일에 Firebase 자격 증명을 추가하고 main.js 파일로 가져올 수 있다.

firebase-config.js

export const config = {
    apiKey: "xxxxxxx",
    authDomain: "xxxxxxx",
    databaseURL: "xxxxxxx",
    storageBucket: "xxxxxxxx",
    messagingSenderId: "xxxxxxx"
  }; 

자, 이제 당신의 메인.js는 다음과 같이 한다.

import Vue from 'vue'
import App from './App.vue'
import * as firebase from 'firebase'
import { store } from './store/store'
import { config } from './firebase-config'

firebase.initializeApp(config);
Vue.prototype.$firebase = firebase;

new Vue({
  el: '#app',
  store,
  render: h => h(App)
}) 

• 에 소방 기지 추가Vue.prototype를 사용하여 vue 구성 요소에 Firebase 사용 허용this.$firebase

• 이 동작을 원하지 않으면 다음을 사용하여 방화 기지를 초기화할 수 있다.firebase.initializeApp(config);

• 이제 당신의 vuex 상점에 오셔서 당신은 단지 아래와 같이 firebase 모듈을 가져오면 된다.

  import Vue from 'vue'
  import Vuex from 'vuex'
  import * as firebase from 'firebase'
  
  Vue.use(Vuex);
  
  export const store = new Vuex.Store({
      state:{},
      mutations:{},
      actions:{
          myFirebaseAction: ({commit}) => {
              //you can use firebase like this
              var ref = firebase.database().ref()
          }
      }
  });  
  

@umang에 대한 Credits를 위한 크레딧firebase에 대한 전역 네임스페이스Vue.prototypeFirebase 앱 인스턴스 대신

참조URL: https://stackoverflow.com/questions/44352042/vuejs-vuex-firebase-where-to-hook-up-firebase