Firebase HTML-форма

Question

Я пытаюсь создать форму, используя Firebase в качестве бэкэнда.

Это код:

HTML

<form class="form-inline">
<input type="email" class="form-control" id="inputEmail" placeholder="Enter email address...">
<button type="submit" class="btn">Subscribe</button>
</form>

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

JS

'use strict';

//grab a form
const form = document.querySelector('.form-inline');

//grab an input
const inputEmail = form.querySelector('#inputEmail');


//config your firebase push
const config = {
apiKey: "...",
authDomain: "...",
databaseURL: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "...",
appId: "..."
};


//create a functions to push
function firebasePush(input) {


//prevents from braking
if (!firebase.apps.length) {
firebase.initializeApp(config);
}

//push itself
var mailsRef = firebase.database().ref('emails').push().set(
{
mail: input.value
}
);

}

//push on form submit
if (form) {
form.addEventListener('submit', function (evt) {
evt.preventDefault();
firebasePush(inputEmail);

//shows alert if everything went well.
return alert('Data Successfully Sent to Realtime Database');
})
}

Но это не работает.Я получаю следующую ошибку на консоли:

TypeError: firebase.database is not a function

Это относится к:

var mailsRef = firebase.database().ref('emails').push().set

Что не так?

Спасибо.

Answer 1

Поскольку вы используете базу данных реального времени, то под текущей <script>, которая есть в вашем коде, добавьте следующее:

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

, чтобы иметь возможность использовать базу данных на своем веб-сайте.