实时预览iframe

Question

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

Answer 1

我不会完全在Node.js

上构建它

我宁愿使用现代客户端Javascript的强大功能，并通过持久保存来自服务器的一些数据来移动一些逻辑。通过这种方式，我可以降低请求数量并使脚本更加灵活。

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

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

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