Question

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

我们的Angular项目必须使用URL来使用API。没什么新的。对于每个开发人员而言，该API可能在本地使用不同的端口。因此，我想我们需要为每个开发人员提供一些本地设置，因此Angular站点将使用开发人员选择的本地端口。作为一个开发人员，这没问题，但是我们有5个开发人员使用相同的Angular + API。

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

当前解决方案：

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中的端口相同，并且如果某些开发人员决定另一个本地端口，则可能会更改。有什么方法可以设置它，以便每个开发人员都可以轻松更改本地端口名，而不会与其他开发人员的设置搞混？

Answer 1

在诸如此类的行中创建一个api.ts文件：

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

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

/src/api.ts

现在您可以在environment.ts文件中将其导入并使用。

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

（您可以根据需要提交它的第一个版本，以便每个人都知道其结构）

Answer 2

也许您可以允许每个开发人员根据自己的需要编辑environment.ts和launchSettings.json。

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

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

2 个答案: