javascript - 没有 Node.JS 的 Google Firebase 实时同步？

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());
    });

更多详情，请参阅documentation .