Извлечение данных из firebase в javascript

Question

Я пытаюсь создать веб-сайт, на котором пользователь может добавить новый продукт в базу данных реального времени Firebase и просмотреть все продукты в базе данных.

Мне удалось добавить данные в базу данных следующим образом:

function fun1() {
    var x = document.getElementById("input");
    firebase.database().ref("products").push({
        id: x.elements[0].value,
        product_name: x.elements[1].value,
        price: x.elements[2].value
    });

}

Вот моя структура базы данных: структура базы данных

Теперь у меня вопрос, как получить эти данные из firebase в javascript?

Я пытался использоватьэто:

var dbRef = database.ref('products');
dbRef.on('value', function(snapshot) {
    snapshot.forEach(function(childSnapshot) {
      var childData = childSnapshot.val();
    });
});

Но я получаю ошибку, что ссылка не определена.Пробовал также использовать функцию like like in для добавления (firebase.database.ref), но всплывает другая ошибка.

Также быстрый побочный вопрос, как я могу изменить идентификатор firebase по умолчанию (эту временную метку)?

Я прочитал много руководств, но ни одно не помогает, не уверен, обновлен ли Firebase или я что-то упустил?