On the Start fresh with a new application<\/strong> page of the DevOps Starter<\/strong> blade, click the here<\/strong> link in the Setting up DevOps starter with GitHub, click here<\/strong> text.<\/p>\n\n\n\nNote<\/strong>: This will display the DevOps starter settings<\/strong> blade.<\/p>\n\n\n\nOn the DevOps starter settings<\/strong> blade, ensure that the GitHub<\/strong> tile is selected and click Done<\/strong>.<\/li><\/ul>\n\n\n\nBack on the DevOps Starter<\/strong> blade, click Next: Framework ><\/strong>.<\/p>\n\n\n\nOn the Choose an application framework<\/strong> page of the DevOps Starter<\/strong> blade, select the ASP.NET Core<\/strong> tile and click Next: Service ><\/strong>.<\/p>\n\n\n\nOn the Select an Azure service to deploy the application<\/strong> page of the DevOps Starter<\/strong> blade, ensure that the Windows Web App<\/strong> tile is selected and click Next: Create ><\/strong>.<\/p>\n\n\n\nOn the Select Repository and Subscription<\/strong> page of the DevOps Starter<\/strong> blade, click Authorize<\/strong>.<\/p>\n\n\n\nNote<\/strong>: This will display the Authorize Azure GitHub Actions<\/strong> pop-up web browser window.<\/p>\n\n\n\nIn the Authorize Azure GitHub Actions<\/strong> pop-up window, review the required permissions and click Authorize AzureGithubActions<\/strong>.<\/li><\/ul>\n\n\n\nNote<\/strong>: This will redirect the web pop-up browser window to the Azure DevOps site, prompting you for your Azure DevOps information.<\/p>\n\n\n\nWhen prompted, in the pop-up web browser window, click Continue<\/strong>.<\/li>Back on the Select Repository and Subscription<\/strong> page of the DevOps Starter<\/strong> blade, specify the following settings and click Review + Create<\/strong>:<\/li><\/ul>\n\n\n\nSetting<\/td> Value<\/td><\/tr><\/thead> Organization<\/td> the name of GitHub account<\/td><\/tr> Repository<\/td> exceedm08l01<\/strong><\/td><\/tr>Subscription<\/td> the name of the Azure subscription you are using for this lab<\/td><\/tr> Web app name<\/td> any valid, globally unique host name in the azurewebsites.net<\/strong> DNS namespace<\/td><\/tr>Location<\/td> the name of any Azure region in which you can provision an Azure web app<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\nNote<\/strong>: Wait for the provisioning to complete. This should take about 1 minute.<\/li><\/ul>\n\n\n\nOn the Deploy_DevOps_Project_exceedm08l01 | Overview<\/strong> blade, click Go to Resource<\/strong>.<\/p>\n\n\n\nOn the exceedm08l01<\/strong> blade, on the GitHub Workflow<\/strong> tile, click Authorize<\/strong>.<\/p>\n\n\n\nOn the GitHub Authorization<\/strong> blade, click Authorize<\/strong> again.<\/li><\/ul>\n\n\n\nBack on the exceedm08l01<\/strong> blade, monitor the progress of actions on the GitHub Workflow<\/strong> tile.<\/li><\/ul>\n\n\n\n<\/p>\n\n\n\n
Note<\/strong>: Wait for the build, deployment, and functional tests jobs of the GitHub workflow to complete. This should take about 5 minutes.<\/p>\n\n\n\n<\/p>\n\n\n\n
Task 2: Review the results of creating the DevOps Starter project<\/strong><\/p>\n\n\n\nIn this task, you will review the results of creating the DevOps Starter project.<\/p>\n\n\n\n
In the web browser window displaying the Azure portal, on the exceedm08l01<\/strong> blade, review the GitHub Workflow<\/strong> section and verify that the build<\/strong>, deploy<\/strong>, and Functional tests<\/strong> jobs completed successfully.<\/li><\/ul>\n\n\n\nOn the exceedm08l01<\/strong> blade, review the Azure resources<\/strong> section and verify that they include an App Service web app instance and the corresponding Application Insights resource.<\/p>\n\n\n\nAt the top of the exceedm08l01<\/strong> blade, note the link to the Workflow file<\/strong> and the GitHub repository you created in the previous task.<\/p>\n\n\n\nAt the top of the exceedm08l01<\/strong> blade, click the link to the GitHub repository.<\/li>On the GitHub repository page, note the three folders labeled:.github\\workflows<\/strong> – containing the YAML-formatted workflow file<\/li>Application<\/strong> – containing the code of the sample web site<\/li>ArmTemplates<\/strong> – containing the Azure Resource Manager templates that the workflow uses to provision Azure resources<\/li><\/ul><\/li><\/ul>\n\n\n\nOn the GitHub repository page, click .github\/workflows<\/strong> and then, click the devops-starter-workflow.yml<\/strong> entry.<\/li>On the GitHub repository page displaying the content of the devops-starter-workflow.yml<\/strong>, review its content and note that it contains the build<\/strong>, deploy<\/strong>, and Functional tests<\/strong> job definitions.<\/li><\/ul>\n\n\n\nOn the GitHub repository page, in the toolbar, click Actions<\/strong>.<\/li>On the GitHub repository page, on the Actions<\/strong> tab, in the All workflows<\/strong> section, click the entry representing the most recent workflow run.<\/li><\/ul>\n\n\n\nOn the workflow run page, review the workflow status, as well as the listing of Annotations<\/strong> and Artifacts<\/strong>.<\/p>\n\n\n\nOn the GitHub repository page, in the toolbar, click Settings<\/strong> and, on the Settings<\/strong> tab, click Secrets<\/strong>.<\/li>On the Action secrets<\/strong> pane, note the AZURE_CREDENTIALS<\/strong> entry, representing the credentials necessary to access the target Azure subscription.<\/li><\/ul>\n\n\n\nNavigate to the exceedm08l01\/Application\/aspnet-core-dotnet-core\/Pages\/Index.cshtml<\/strong> GitHub repository page and, in the upper right corner, click the pencil icon to switch to the edit mode.<\/li>Change the line 19 to <div class=”description line-1″> GitHub Workflow has been successfully updated<\/div>.<\/li> Scroll down to the bottom of the page and click Commit changes<\/strong>.<\/li><\/ul>\n\n\n\nOn the GitHub repository page, in the toolbar, click Actions<\/strong>.<\/li>In the All workflows<\/strong> section, click the Update Index.cshtml<\/strong> entry.<\/li><\/ul>\n\n\n\nIn the devops-starter-workflow.yml<\/strong> section, monitor the progress of deployment and verify that it completed successfully.<\/p>\n\n\n\n<\/p>\n\n\n\n
Note<\/strong>: If the action using \u201cazure\/CLI@1\u201d fails<\/strong>, commit the following change to the devops-starter-workflow.yml<\/strong> file (change the default azure cli version) and verify it completes successfully: “`<\/p>\n\n\n\nname: Deploy ARM Template uses: azure\/CLI@v1 continue-on-error: false with: azcliversion: 2.29.2 inlineScript: | az group create \u2013name \u201c$\u201d \u2013location \u201c$\u201d az deployment group create \u2013resource-group \u201c$\u201d \u2013template-file .\/ArmTemplates\/windows-webapp- template.json \u2013parameters webAppName=\u201d$\u201d hostingPlanName=\u201d$\u201d appInsightsLocation=\u201d$\u201d sku=\u201d$\u201d “`<\/li> Switch to the browser window displaying the DevOps Starter blade in the Azure portal and click the Browse<\/strong> link next to the Application endpoint<\/strong> entry.<\/li>In the newly opened web browser window, verify that the updated text representing the change you committed in the GitHub repo is displayed on the web app home page.<\/li><\/ul>\n\n\n\nReview<\/strong><\/p>\n\n\n\nIn this lab, you implemented a GitHub Action workflow that deploys an Azure web app by using DevOps Starter.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Reminder<\/strong>: Don\u2019t forget to delete or shutdown all unused Azure resources after your labs for cost saving<\/mark><\/p>\n","protected":false},"excerpt":{"rendered":"In this lab, you will learn how to implement a GitHub Action workflow that deploys an Azure web app by using DevOps Starter. After you complete this lab, you will be able to: Implement a GitHub Action workflow by using … Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":3130,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"kt_blocks_editor_width":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[16,4],"tags":[111,8,105,110,71],"class_list":["post-3101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devops","category-practical-labs-series","tag-asp-net","tag-azure","tag-devops","tag-github","tag-web-app"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/istockphoto-962404026-612x612-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=\/wp\/v2\/posts\/3101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3101"}],"version-history":[{"count":2,"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=\/wp\/v2\/posts\/3101\/revisions"}],"predecessor-version":[{"id":3133,"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=\/wp\/v2\/posts\/3101\/revisions\/3133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=\/wp\/v2\/media\/3130"}],"wp:attachment":[{"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/exceedthecloud.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture1-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture2-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture3-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture4-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture5-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture6-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture7-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture8-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture9-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture10-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture11-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture12-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture13-5.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture14-4.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture15-4.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture16-4.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture17-4.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture18-4.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture19-3.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture20-3.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture21-2.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture22-2.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture23-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture24-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture25-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/exceedthecloud.com\/wp-content\/uploads\/2022\/04\/Picture26-1.png\")
<\/figure>\n\n\n\n