Как выполнить развертывание из службы приложений github в Azure

Question

Я пытаюсь развернуть базовое c angular 9 приложение в azure службах приложения.

Что я уже сделал.

• I Создаем экземпляр веб-приложения

• Затем я перешел в центр развертывания как начальный веб-сайт предложил и подключил мой репозиторий github через Центр развертывания

• Он добавил этот файл рабочего процесса в мой репозиторий Я прокомментировал npm run test, потому что это приложение по умолчанию для angular не нужно тратить время на запуск приложения

# Docs for the Azure Web Apps Deploy action: https://github.com/Azure/webapps-deploy
# More GitHub Actions for Azure: https://github.com/Azure/actions

name: Build and deploy Node.js app to Azure Web App - someapp

on:
  push:
    branches:
      - master

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@master

    - name: Set up Node.js version
      uses: actions/setup-node@v1
      with:
        node-version: '12.x'

    - name: npm install, build, and test
      run: |
        npm install
        npm run build -prod --if-present
        # npm run test --if-present
    - name: 'Deploy to Azure Web App'
      uses: azure/webapps-deploy@v1
      with:
        app-name: 'someapp'
        slot-name: 'production'
        publish-profile: ${{ secrets.AzureAppService_PublishProfile}}
        package: .

• после запуска конвейера, это дает Ошибка приложения с кодом ошибки 503 при начальном получении.

Я попытался sh на сервер, чтобы посмотреть на файловую структуру, но я либо не могу войти, либо если я вхожу в систему, это сбивает меня с толку через несколько секунд.

Кто-нибудь знает, пропустил ли я какой-то шаг, необходимый для развертывания на azure, или что мне нужно сделать для файловой структуры? Я попытался найти более актуальные учебники или вопросы, но большинство из них выглядит довольно устаревшими.

Answer 1

Службы приложений - это неправильный сервис для сайтов c. Я наткнулся на эти документы, которые помогают мне быстро настроить сайт. как предположил Саджитхаран, вам придется использовать конвейер devops, чтобы получить тот же эффект, что и центр депиляции в службах приложений для развертывания.

1. Создайте «Учетную запись хранения» и go для STati c веб-сайт и включите Stati c веб-сайт

2. Создайте проект в Azure Создайте клик по конвейеру и создайте новый. В настройках setp выберите Node.js с помощью Angular. Я связал мой с хранилищем GitHub. Это добавит azure конвейерный yml в любую выбранную вами ветвь развертывания.

Вам потребуется создать артефакт, поэтому вам потребуется добавить дополнительную задачу в ваш yml. например,

- task: PublishBuildArtifacts@1
  inputs:
    pathToPublish: dist/Nebulous
    artifactName: drop

Ваш полный yml должен выглядеть следующим образом

trigger:
- master

pool:
  vmImage: 'ubuntu-latest'

steps:
- task: NodeTool@0
  inputs:
    versionSpec: '10.x'
  displayName: 'Install Node.js'

- script: |
    npm install -g @angular/cli
    npm install
    ng build --prod
  displayName: 'npm install and build'

- task: PublishBuildArtifacts@1
  inputs:
    pathToPublish: dist/Nebulous
    artifactName: drop

полезная ссылка о добавлении артефакта

После этого мы готовы к пу sh наш артефакт для нашей учетной записи хранения

Go до релизов от azure Devops

Под карточкой артефактов нажмите «Добавить» и добавьте к ней только что созданную линию трубопровода. Если вы хотите непрерывного развертывания, щелкните осветительный болт в углу и включите его.

Теперь нажмите ссылку под этапом 1, на которой написано «1 задание, 0 задание», затем нажмите «Плюс» на Строка работы агента для добавления новой задачи. Поиск копии файла AzureBlob.

Источник: выберите созданные конвейеры и перейдите к папке с артефактами, которую вы используете на предыдущих шагах

тип назначения Azure Blob

Выберите имя учетной записи хранения, которое вы создали ранее

Имя контейнера = $ web

Теперь вы можете вручную добавить или pu sh в вашу ветку, и она будет развернута в azure.

https://docs.microsoft.com/en-us/azure/javascript/tutorial-vscode-static-website-node-01?tabs=bash

Answer 2

Вы можете сделать это двумя способами, одним из способов является использование действий Github, где вы можете создать свой собственный конвейер, используя действия. Поскольку это приложение выглядит как angular, следуйте моему блогу на том же

2-м способе - использовать Azure Devops Project, создайте проект и добавьте свой собственный пользовательский code.

По поводу фактической ошибки: я сомневаюсь, что ваши файлы развернуты в сервисе приложений, вы можете использовать Kudu, чтобы проверить, есть ли правильные файлы.