Рубрики
Uncategorized

Azure Web App Service и Github Действия (видеоурок)

В последний раз мы встретились, я провел некоторое время, показывая вам, как развернуть приложение с помощью Azure DevOps A … Помечено новичками, лазурными, GitHub, CiCD.

В последний раз мы встретились, я провел некоторое время, показывая вам, как развернуть приложение, используя Azure DevOps а также Azure Web App Service Отказ Это полезно для Смотреть последнее видео чтобы получить вам контекст на Как создать сервис веб-приложения в Azure Отказ Сегодня мы добавим новый шаг, введя тот же процесс развертывания от главной отделения Реант-блок-базовый репозиторий GitHub Отказ

Действия GitHub

Действия GitHub Это API для причины и влияния на GitHub: Orchestrate любой рабочий процесс, основанный на любом событии, в то время как GitHub управляет выполнением, обеспечивает богатую обратную связь и обеспечивает каждый шаг вперед. С действиями GitHub, рабочие процессы и шаги — это просто код в репозитории, поэтому вы можете создавать, общитывать, повторно использовать и вилку практику развития программного обеспечения.

  • Получите быстрый CI/CD — любой язык или платформа.
  • Ямл сборки
  • Живая регистрация
  • Рабочие процессы многоразовые — как код! ( Здравствуйте, товарищец Stackoverflow Devs!)

Простое приложение без вождения

Я люблю использовать это приложение, React-Clock-Basic, чтобы помочь людям учиться. Это просто имеет минимальные зависимости и без гражданства. Там нет источника данных, чтобы настроить для этого, мы просто просто хотим часы, чтобы сказать нам время.

Jaydestro/React-Clock-Basic

Основные часы, которые отображают текущую дату и время

Это вилка этого приложения часов, которое включает в себя развертывание для службы Azure Kubernetes и Docker.

Метод развертывания службы приложений:

В Azure Cloud Shell:

git clone https://github.com/jaydestro/react-clock-basic.git
az group create  --name $NAME --location eastus
az network vnet create --name $nameVNET --resource-group $NAME  --subnet-name default
az acr create --resource-group $NAME--name $NAMEacr --sku Basic --admin-enabled true

az acr build  --registry $NAMEacr --image react-clock-basic:v1 .

Перейдите в портал в Azure, создайте новую прикладную службу, выберите вашу группу ресурсов, выберите Linux, Pick Docker Container, создайте новый план обслуживания, выберите Dev/Test — нажмите Docker

Выпадайте источник, выберите «Реестр контейнера Azure». Нажмите на созданный выше реестр, выберите имя изображения и версию.

Нажмите Обзор и создайте.

Основные часы, которые отображают текущую дату и время

Идти здесь для живой демонстрации.

Компонентная диаграмма

Этот проект также демонстрирует:

  • Типичная структура макета реагирования проекта
  • Babel Setup и настройка
  • WebPack …

Ваши ссылки для начала

Видео должно помочь предоставить вам отличное начало, используя эту услугу с помощью вашей службы Azure Web App. Использование ресурсов, таких как действия GitHub, может помочь вам в вашем путешествии, чтобы стать Microsoft DevOps Certified Expert Отказ

Вот ссылки на документацию и руководство на следующих шагах, включая Microsoft, учиться, изучать телевидение и многое другое!

Если вам нужна дополнительная помощь, обратитесь в комментарии или Отправьте мне твит Или найти меня на Linkedin. . Убедитесь, что вам нравятся и подпишитесь на мой канал на YouTube и оставайтесь в курсе моего Новые учебники Отказ Увидимся в следующий раз, когда мы изучаем Azure вместе.

Оригинал: «https://dev.to/azure/azure-web-app-service-and-github-actions-video-tutorial-2oc»

Читайте ещё по теме: