c# - 保持前端 Angular 5 和后端 Web API 代码分离的简单方法？

Question

我开发了一个 Angular 5 应用程序，其中包含大量事件部件(服务、Bootstrap、Angular Material、内部+外部 JS 脚本等)。现在我也想为这个应用程序添加数据库连接(仅限 MS SQL Server)。该应用程序是在 Visual Studio Code 中开发的。

我正在关注 this tutorial来自 MSDN，以了解如何将此应用程序与 SQL Server 数据库连接。我相信我需要 Web API 和 .NET Core 支持连接，如果不在 VS Code(例如 here)或 Visual Studio(如引用文章)，因为我能找到的关于该主题的几乎所有文章/教程都是从头开始的。在我看来，在 Visual Studio 中创建一个新的 Angular + Core 项目并在那里逐个文件地迁移应用程序逻辑对我来说不是一个可行的解决方案。

我的问题是:

• 有没有一种简单的方法可以创建一个独立基于 Web API 的后端应用程序，该应用程序从我的 SQL Server 数据库中提供数据供前端 Angular 5 应用程序使用？还是所有 .NET Core、Web API 和 Angular 前端支持都从同一个应用程序呈现？
• 如果没有，是否有一种简单/官方的方法可以将 .NET Core 和 Web API 功能添加到使用 VS Code 构建的 Angular 5 应用程序中？

Answer 1

我建议您创建一个单独的项目，其中包含带有 ASP.NET Core 的 REST-Endpoint。

这里有一个简单的教程:

https://learn.microsoft.com/en-us/aspnet/core/tutorials/first-web-api

使用此解决方案，您的服务器与客户端分离。也许将来您喜欢使用 Angular 以外的东西，或者您喜欢创建其他客户端(例如 native 移动应用程序)。在这种情况下，您不必更改服务器项目。

(如果您使用的是 visual studio，请查看项目模板。这里有您需要的一切。