实时预览iframe

Question

我正在node.js中构建一个站点，该站点允许用户拥有可在仪表板中进行编辑的自定义页面。 我希望此仪表板在iframe中具有实时预览（类似于Shopify的方式），在该环境中，每次用户进行更改时，预览都会使用其更改（即背景图像或标题文本）进行更新。 这些选项保存在我的mongodb数据库的用户文档中，并通过Liquid呈现。 实现此目标的最佳方法是什么？ 我应该将他们的选项存储在一个临时的json文件中吗？ 谢谢！

Answer 1

我不会完全在Node.js上构建它

我宁愿使用现代客户端Javascript的功能，并在其中保留一些来自服务器的数据时在其中移动一些逻辑。 这样，我可以减少请求数量并使脚本更灵活。

有两个库可以帮助完成这些任务：

• Socket.io，用于Node.js与浏览器之间的快速通信。

• PouchDB用于客户端数据存储和CRUD操作。