django - 配置reactjs 和django 应用程序有哪些选项？

Question

我使用reactjs作为前端，使用Django REST API作为后端。整合两者的最佳方法是什么？这两个中哪个是一个好的选择？

1. 为前端和后端运行两个服务器？

或

用reactjs替换django模板？

非常感谢您的帮助。

Answer 1

这里有几个选项

带有 React 的 Django 模板。不是我的首选方法。本质上，您正在混合 django 模板和 jsx。这里的好处是开销低。它需要很少的配置，并允许您在同一文件中编写 React 并利用 django 模板语言。如果您需要快速启动并运行某些东西，这是一个很好的解决方案。看看这个库 https://github.com/Frojd/django-react-templatetags

使用 django webpack 加载器这将允许您将 React 代码与 Django 代码分开，但仍将所有代码保留在一个存储库中。您需要配置 django 设置才能找到您的 React 代码。然后在你的 prod/dev 服务器上，让你的 Web 服务器指向你的静态 React 代码所在的目录，或者编写一个 django url 和 View 来为 React 应用程序索引文件提供服务。正确配置并运行python manage.pycollectstatics后，它将位于/static/中。这样做的好处是它将代码保留在一个存储库中，但仍然隔离了 python 和 javascript 代码。这是三者的中间解决方案。快速注释。使用这种开发方法不会对热重载使用react。这是帮助您配置此设置的库 https://github.com/owais/django-webpack-loader

有 2 个独立的应用程序与您现在所做的类似，拥有一个单独的 React 存储库，由 Nodejs 后端提供服务，或者将代码部署到像 amazon s3 这样的 CDN 服务，并从那里提供单页应用程序。然后作为其对应部分，将您的 django 应用程序及其可使用的 REST API 放在单独的服务器上(需要配置允许的 cors)。此方法需要大量的操作工作:部署、配置和管理 2 个独立的代码库。如果您有时间和资源，我强烈推荐此设置。两个应用程序的解耦使该解决方案能够实现最佳扩展