如何为多个开发人员设置 Angular + Web API 环境答案

【问题标题】：How to setup up Angular + Web API environment for multiple developers如何为多个开发人员设置 Angular + Web API 环境
【发布时间】：2020-04-08 22:35:47
【问题描述】：

我想知道如何设置我们的 Angular + .Net Core Web API 环境，以便与多个开发人员一起开发。

我们的 Angular 项目必须使用 URL 来使用 API。没有什么新鲜的。在本地，对于每个开发人员，API 可能使用不同的端口。所以我想我们需要为每个开发者做一些本地设置，所以 Angular 站点使用开发者选择的本地端口。作为一个开发者，这没问题，但我们是 5 位开发者在同一个 Angular + API 上工作。

我们当前的解决方案要求每个开发人员设置相同的 URL i environment.ts 和 launchSettings.json。但这真的是最好的方法吗？我的意思是，我们不能总是期望每个开发者都能够使用相同的端口。

目前的解决方案：

environment.ts

export const environment = {
  production: false,
  baseUrl: "http://localhost:49421"
};

然后在我们的 Angular 服务中

myService.service.ts

export class MyService {
url = environment.baseUrl + "/api/location/";
... some code
}

和 launchSettings.json

"MyWeb.Api.Web": {
      "commandName": "Project",
      "launchBrowser": false,
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      },
      "applicationUrl": "http://localhost:49421/"
    }

所以这行得通，但是一些开发人员选择了其他端口。但是一些开发人员抱怨说，他们必须将端口更改为与 environment.ts 中的相同，如果一些开发人员决定另一个本地端口，这可能会改变。有没有一种方法可以让每个开发者都可以轻松更改本地端口名称，而不会弄乱其他开发者的设置？

【问题讨论】：

标签： angular asp.net-core-webapi

【解决方案1】：

在这样的行中创建一个api.ts 文件：

export const API = {
  url: 'http://localhost:49421'
};

将其添加到您的 .gitignore 文件中：

/src/api.ts

在您的environment.ts 文件中，您现在可以导入并使用它。

现在每个开发者都应该改变它的内容，但让它具有相同的结构。这意味着文件永远不会被上传，并且在每台不同的 PC 上都有自定义内容。

（如果你愿意，你可以提交它的第一个版本，这样每个人都知道它的结构）

【讨论】：

我喜欢这个解决方案，这样每个开发者都有自己独特的设置。
@cl0ud 谢谢，这通常是我们在我的项目中处理自定义设置的方式。有时，我们也直接将端口设置到应用程序中，但比较复杂，有些人不喜欢。

【解决方案2】：

也许您可以允许每个开发者在他们认为合适的时候编辑environment.ts 和launchSettings.json。

为方便起见（即在 git 中暂存/提交工作时不必跳过这些差异），一旦这些文件已经在索引中，您可以尝试 .gitignoring 全部或部分文件。要仅忽略文件的一部分，您可以尝试git filter。

【讨论】：