Making an Azure web app
14 Mar 2023
TODO: Teaser
Set up your source code and ADO build pipeline in an ADO repository
/src/web/index.html
file
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width, initial-scale=1.0">
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
/my-azure-pipeline.yml
file
trigger:
- main
pool:
vmImage: ubuntu-latest
steps:
- task: CopyFiles@2
inputs:
SourceFolder: './src/web'
Contents: '**/*'
TargetFolder: './output'
displayName: 'Copy the src-web folder to an output folder'
- task: CopyFiles@2
inputs:
SourceFolder: './output'
Contents: '**/*'
TargetFolder: '$(Build.ArtifactStagingDirectory)'
displayName: 'Copy the output folder into an artifact staging directory'
- task: CopyFiles@2
inputs:
PathtoPublish: '$(Build.ArtifactStagingDirectory)'
ArtifactName: 'MyBuiltWebsite'
displayName: 'Publish artifact from staging directory to named artifact'
Create a new Release Pipeline
Under Pipelines in left-nav, click Releases and then in middle click New pipeline button.
Close the “Select a template” flyout at right.
In the left-hand side of the release pipeline GUI design area, in the “Artifacts” box, click “Add.”
Leave the “Source type” icon set to Build and leave “Project” set to my-first-project
or whatever your ADO project is called. Change “Source (build pipeline)” to my-first-repo
or whatever your ADO repository is called. Leave “Default version” on Latest
. Change “Source alias” from something like _my-first-repo
to MyBuiltWebsite
.
In the left-hand side of the release pipeline GUI design area, in the “Stages” box, click “Add” and then “New stage.”
In the “Select a template” flyout at right …