代码之家 › 专栏 › 技术社区 › Christian

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

asp.net-core-webapi angular

0

Christian · 技术社区 · 7 年前

我想知道如何设置我们的Angular+。Net核心Web API环境,用于与多个开发人员一起开发。

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

我们当前的解决方案要求每个开发人员设置相同的URL i环境。ts和启动设置。json。但这真的是最好的方式吗?我的意思是,我们不能总是期望每个开发者都能使用同一个端口。

当前解决方案:

环境ts

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

然后在我们的角度服务中

我的服务。服务ts

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

还有 启动设置。json

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

这是可行的,但是有些开发者选择了其他端口。但一些开发人员抱怨说,他们必须将端口更改为与环境中相同的端口。如果某个开发人员决定另一个本地端口,这种情况可能会改变。有没有一种方法可以让我们设置它,这样每个开发人员都可以轻松地更改本地端口名,而不会干扰其他开发人员的设置?

2 回复 | 直到 7 年前

1

2

user4676340 user4676340 7 年前

创建一个 api.ts 按以下行归档:

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

把它添加到你的 .gitignore 文件:

/src/api.ts

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

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

(如果愿意,可以提交它的第一个版本,这样每个人都知道它的结构)

2

0

Jonathan Wilson 7 年前

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

为了方便起见(即,在git中准备/提交工作时不必跳过这些差异),您可以尝试。一旦这些文件已经在索引中,Git就会忽略它们的全部或部分。要仅忽略文件的一部分,可以尝试 git filter .