Как добавить Firebase в Vuepress? - PullRequest
Новая
       10

Как добавить Firebase в Vuepress?

0 голосов
/ 30 октября 2018

Я пытаюсь добавить код Firebase в Vuepress, чтобы я мог встроить простое приложение обзора на все страницы Vuepress. Хотите знать, как это сделать?

`` `

<script src="https://www.gstatic.com/firebasejs/5.5.6/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "asdf",
    authDomain: "adsf-9e0b6.firebaseapp.com",
    databaseURL: "https://asdf-9e0b6.firebaseio.com",
    projectId: "sadf-9e0b6",
    storageBucket: "adsf-9e0b6.appspot.com",
    messagingSenderId: "asdf"
  };
  firebase.initializeApp(config);
</script>

`` `

1 Ответ

0 голосов
/ 02 ноября 2018

Добавьте что-то подобное в config.js в массиве head . Обратите внимание, что это добавляет firebase-app (ядро), firebase-auth, firestore и cloud functions, так как я использую 4 модуля в своем проекте.

Обратите внимание, что я также инициализирую здесь и firebase, и firestore. Так что я получаю firestore как глобальную переменную.

При загрузке Firebase все они будут перемещены в раздел заголовка приложения. 

 head: [

    [
      "script",
      {
        src: "https://www.gstatic.com/firebasejs/5.5.6/firebase-app.js"
      }
    ],

    [
      "script",
      {
        src: "https://www.gstatic.com/firebasejs/5.5.6/firebase-auth.js"
      }
    ],

    [
      "script",
      {
        src: "https://www.gstatic.com/firebasejs/5.5.6/firebase-firestore.js"
      }
    ],

    [
      "script",
      {
        src: "https://www.gstatic.com/firebasejs/5.5.6/firebase-functions.js"
      }
    ],

    [
      "script",
      {},
      `var config = {
        apiKey: "apikey",
        authDomain: "app.firebaseapp.com",
        databaseURL: "https://app.firebaseio.com",
        projectId: "appname",
        storageBucket: "appname.appspot.com",
        messagingSenderId: "12345"
      };
      firebase.initializeApp(config);
      const firestore = firebase.firestore();
      const settings = { /* your settings... */
          timestampsInSnapshots: true
      };
      firestore.settings(settings);`
    ],
    ]
...