从 React 应用程序编辑 JSON 文件 - 页面构建器概念

Question

我需要构建一个页面构建器，我们希望在其中将元素拖放到屏幕上，从而成为配置 json 对象。然后我必须将该配置对象保存到项目文件夹中的 config.json 文件中（或者在重新渲染应用程序时可以加载它的地方）。我们希望在通过此页面构建器编辑页面时实时重新加载。

FE 拖放应用程序是使用 React 构建的，我可以达到我在内存中拥有 JSON 对象的程度。

你建议我如何为 BE 端做这个架构？

• 是否可以公开 API 端点（例如使用 Express），并将 json 文件保存到 React App“/src”文件夹的某个位置？或者我只能编辑“/public”文件夹中的文件？
• 如果我将我的 FE React 应用程序重构为 Next.js 应用程序会怎样？如果 Next 在服务器中渲染，是否意味着我可以在渲染之前进行配置文件编辑？
• 创建一个独立的 Express 应用程序保存所有 config.json 文件是否更好？然后通过 API 端点公开它们以供编辑和阅读？

提前致谢！

Answer 1

从您的问题中，我看到您正在开发一个类似于 wordpress 的应用程序，用户可以使用拖放元素轻松创建页面。所以这里需要一个配置来持久化元素的放置。

我阅读了您提到的所有三种方法，似乎第三种方法会对您有所帮助。您可以运行快速应用程序并使用数据库来存储配置设置，因为我发现将其存储在文件中并不是一个好习惯。编辑完成后，您可以进行 api 调用以将数据发布到 db，同样，在读取时您可以使用 api 调用从 db 中提取数据。