将 AngularJS 与 Django 集成的最佳架构是什么？

Question

我正在尝试将 Angular 与 Django 集成。我有两种方法，其中一种是最好的方法：

1. 构建一个单独的 Angular 应用程序并将其静态文件提供给 django 进行渲染。这样，路由和渲染一切都将由 Angular 处理。

2. 或者直接使用 Angular 在 django 中构建模板，只使用 Django 的 MVT 架构。

从架构的角度来看，哪种方法是正确的？如果不是这两个，请提出任何好的方法。

Answer 1

我没有使用AngularJS（实际上我使用的是VueJS，但它有点相同）但这是通常所做的：

1. 您像往常一样使用Django 制作模型。它定义了您的数据库结构。
2. 您构建了一个公开数据的 API。为此，您可以将 DRF (Django Rest Framework) 用于 REST API 或使用 graphene-django 构建 GraphQL API）
3. 您编写组件来构建页面。然后您从 API 中检索要显示的数据。

对于我的项目，我个人使用：

• Django
• graphene-django 用于 GraphQL API
• Apollo 客户端从 GraphQL API 获取数据
• VueJS 用于前端组件

有很多关于如何组合所有这些的教程，所以我想也有一些适用于 AngularJS。

你应该可以用 AngularJS 做类似的事情。

最后，它更像您描述的第一种方法。您将有一些构建步骤来创建带有 index.html 或类似文件的文件包。要做的事情是告诉 Django：“嘿，对于任何 URL，指向那个文件”。

请注意，我所描述的是构建 SPA（单页应用程序）。