Как добавить базу данных Firebase в JavaScript?

Question

Я пытаюсь сделать интернет-магазин. Я выполнил регистрацию / вход в систему, используя firebase, и она работает, но когда я пытаюсь извлечь данные из базы данных в другом файле javascript, я получаю сообщение об ошибке.

Строка javascript, в которой я получаю сообщение об ошибке:

var userDataRef = firebase.database().ref('users/');

Ошибка:

Uncaught ReferenceError: firebase is not defined
at BooksArtJS.js:17

HTML-код:

<script src="BooksArtJS.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-auth.js"> </script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-database.js"></script>

<script>
var firebaseConfig = {
    apiKey: "theApiKey",
    authDomain: "theAuthDomain",
    databaseURL: "theDatabaseURL",
    projectId: "theProjectID",
    storageBucket: "theStorageBucket",
    messagingSenderId: "theMessagingSenderID",
    appId: "theAppID"
};
firebase.initializeApp(firebaseConfig);
</script>

Answer 1

Похоже, что скрипт BooksArtJS.js использует firebase.Вы должны разместить скрипт после загрузки firebase:

<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-database.js"></script>

<script>
var firebaseConfig = {
    apiKey: "theApiKey",
    authDomain: "theAuthDomain",
    databaseURL: "theDatabaseURL",
    projectId: "theProjectID",
    storageBucket: "theStorageBucket",
    messagingSenderId: "theMessagingSenderID",
    appId: "theAppID"
};
firebase.initializeApp(firebaseConfig);
</script>
<script src="BooksArtJS.js"></script>

Answer 2

Попробуйте переместить свой сценарий с помощью BooksArtJS.js после сценария firebaseConfig, также, в целях безопасности, лучше создать новый js-файл с именем что-то вроде «conn.js» и переместить туда свои файлы конфигурации.