Синхронизация Google Firebase без Node.JS?

Question

Я пытаюсь использовать Google Firebase для синхронизации веб-страницы между клиентами браузера.Это очень простая страница с двумя текстовыми полями:

    <input class="firebase" id="text1">
    <input class="firebase" id="text2">
    <input type="button" value="test" onclick="setData()">

Кажется, что Firebase настроен правильно.Когда нажата кнопка отправки, она выполняет следующие действия:

    function setData()
    {
        docData = [];

        $('.firebase').each(function (index, value)
        {
            docData[$(this).attr('id')] = $(this).val();
        });

        console.log(docData);
        db.collection("test").doc("12345").set(Object.assign({}, docData));
    }

Пока все работает отлично, я вижу, как данные обновляются в режиме реального времени на моей консоли Firebase.

ОднакоМне бы хотелось, чтобы при обновлении документа Firebase текстовые поля на странице для всех, кто просматривает страницу, автоматически обновлялись с новыми значениями.

У меня нет Node.JS установлен на моем веб-сайте, и я даже не знаю, с чего начать его установку.

Могу ли я сделать что-нибудь простое, чтобы синхронизировать эти поля между клиентами?

Answer 1

Если вы хотите обновление в реальном времени, просто используйте метод onSnapshot:

db.collection("cities").doc("SF")
    .onSnapshot(function(doc) {
        console.log("Current data: ", doc.data());
    });

Для получения дополнительной информации см. Документацию .