Как настроить среду Angular + Web API для нескольких разработчиков

Question

Мне интересно, как настроить наши среды Angular + .Net Core Web API для разработки с несколькими разработчиками.

Наш проект Angular должен использовать URL для использования API.Ничего нового в этом нет.Локально для каждого из разработчиков API может использовать другой порт.Так что я думаю, нам нужны локальные настройки для каждого разработчика, поэтому сайт Angular использует локальный порт, выбранный разработчиком.Для одного разработчика это не проблема, но мы 5 разработчиков, работающих над одним и тем же API Angular +.

Наше текущее решение требует, чтобы каждый разработчик устанавливал одинаковые 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, и это может измениться, если какой-то разработчик решит использовать другой локальный порт.Есть ли способ настроить его так, чтобы каждый разработчик мог легко изменить имя локального порта, не вмешиваясь в настройки других разработчиков?

Answer 1

Может быть, вы могли бы позволить каждому разработчику редактировать environment.ts и launchSettings.json так, как они считают нужным.

Для удобства (т. Е. Не нужно пропускать эти различия при постановке / фиксации работы в git),Вы можете попробовать .gitignoring все или часть этих файлов, как только они уже в индексе.Чтобы игнорировать только часть файла, вы можете попробовать git filter .

Answer 2

Создайте файл api.ts в таких строках:

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

Добавьте его в файл .gitignore:

/src/api.ts

В своем файле environment.ts выТеперь можно импортировать и использовать его.

Теперь каждый разработчик должен изменить его содержимое, но позволить ему иметь такую ​​же структуру.Это означает, что файл никогда не будет загружен и будет иметь пользовательский контент на каждом компьютере.

(Вы можете, если хотите, зафиксировать его первую версию, чтобы все знали структуру)