Как создать и выпустить приложение реагирования в приложении веб-API с помощью Azure DevOps? - PullRequest
0 голосов
/ 05 ноября 2019

Теперь у нас есть два приложения с двумя разными git-репозиториями. Первый находится в ReactJS для передней части, а второй - в C # (Web Api 2) для задней части. Когда мы хотим выполнить развертывание в Azure, мы создаем фронт и копируем выходные файлы в проект c # (проект web api). Мы разворачиваем приложение веб-API из Visual Studio в Azure благодаря меню развертывания. Это немного скучно, и иногда у нас возникают ошибки, когда мы вручную меняем параметры относительно наших разных сред. Мы хотели бы автоматизировать все эти задачи с помощью Azure Dev Ops. Вы когда-нибудь делали такие вещи? И как ? Извините, если этот вопрос кажется глупым, но я не могу найти учебник для сборки, когда передняя и задняя части не находятся в одном и том же git-репо. Заранее спасибо за помощь.

1 Ответ

1 голос
/ 06 ноября 2019

Вы можете выполнить следующие шаги для создания и развертывания приложения. Я могу только дать общее представление и шаги. Основная идея состоит в том, чтобы собрать ваш исходный и внутренний исходный код вместе и собрать их в одном конвейере. Конфигурации и параметры для каждой задачи в конвейере сборки необходимо указывать в соответствии с вашим проектом.

Ниже показаны шаги в классический вид конвейера . Проверьте здесь для конвейера представления yaml

1, войдите в свою организацию DevOps Azure и перейдите к своему проекту.

2, перейдите к конвейерам, а затем выберите новый конвейери выберите . С помощью классического редактора создайте конвейер без YAML в конце страницы.

3. Пройдите по шагам мастера, сначала выбрав в качестве местоположения источникcode.

4, выберите источник , чтобы указать, где находится ваш код. И продолжайте , чтобы выбрать шаблон, здесь я выбираю шаблон ASP.NET Core (.NET Framework).

5, Добавьте задачу powershell в начало вашего конвейера (задачи могут бытьперетащите и измените порядок), чтобы запустить команды git, чтобы клонировать ваш передний кодact.js в ту же исходную папку вашего внутреннего кода c #. enter image description here

Если ваш код размещен в azure repo git . Вы можете добавить приведенные ниже сценарии в свою задачу PowerShell. Убедитесь, что Al low скрипты для доступа к токену OAuth отмечены enter image description here

cd $(Build.SourcesDirectory)
git clone "https://$env:SYSTEM_ACCESSTOKEN@dev.azure.com/{yourAzureorganizationName}/{yourProjectname}/_git/testrepo"

6, добавьте задачу установки npm и пользовательскую задачу npm, чтобы построить свою реакцию.js, вам нужно указать путь к рабочей папке, содержащей package.json , к папке, в которой вы клонировали свой кодactjs на предыдущем шаге powershell. Вы можете проверить шаги здесь для справки.

enter image description here

7, Добавить задачу copy file перед задачей Visual Studio build , чтобы скопировать выходные файлы из файла Reaction.js в ваш проект c #.

8, Сконфигурируйте необходимые путь и параметры для задачи сборки Visual Studio и тестовой задачи Visual Studio длясоберите и протестируйте свой код c # бэкэнда.

9, добавьте задачу развертывания службы приложений Azure в конце для развертывания в Azure.

Возможно, вам понадобится добавить другие дополнительные задачи для построения ваших проектов. Вы также можете переместить задачу развертывания в файл pipe.check здесь для получения дополнительной информации.

В Интернете можно найти множество примеров и учебных материалов о том, как создать конвейер сборки и какразвернуть ваше приложение на Azure. Я предлагаю вам следовать одному примеру, чтобы создать свой конвейер сборки для проекта c # и попытаться отредактировать существующий конвейер, чтобы интегрировать ваш проектact.js.

Здесь - официальные документы Microsoft, чтобы вы могли проверить это. Надеюсь, вы найдете это полезным.

...