{"id":40222,"date":"2021-04-27T00:14:11","date_gmt":"2021-04-27T07:14:11","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/premier-developer\/?p=40222"},"modified":"2021-04-26T07:23:44","modified_gmt":"2021-04-26T14:23:44","slug":"how-to-deploy-angular-app-to-azure-app-service-running-linux-from-github","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/how-to-deploy-angular-app-to-azure-app-service-running-linux-from-github\/","title":{"rendered":"How to deploy Angular app to Azure App Service running Linux from GitHub"},"content":{"rendered":"<p><a href=\"https:\/\/www.linkedin.com\/in\/nicoladelfino\/\">Nicola Delfino<\/a> demonstrates how to deploy Angular apps to Azure App Services running Linux from GitHub.<\/p>\n<hr \/>\n<header><\/header>\n<section class=\"page__content\">This sample demonstrates how to deploy, from GitHub, an Angular single page application (SPA) to Azure App Service running Node.js on Linux. A continuous delivery\/continuous integration pipeline will be also put in place with a GitHub Action.This sample demonstrates how to:<\/p>\n<ul>\n<li>create a sample Angular app<\/li>\n<li>push to a GitHub repository<\/li>\n<li>create an App Service Plan and an App Service running Linux and Node.js<\/li>\n<li>deploy an Angular app to Azure App Service via GitHub action<\/li>\n<\/ul>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2021\/04\/nicola.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-40223\" src=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2021\/04\/nicola.jpg\" alt=\"Image nicola\" width=\"1110\" height=\"302\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2021\/04\/nicola.jpg 1110w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2021\/04\/nicola-300x82.jpg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2021\/04\/nicola-1024x279.jpg 1024w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2021\/04\/nicola-768x209.jpg 768w\" sizes=\"(max-width: 1110px) 100vw, 1110px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/nicolgit.github.io\/how-deploy-angular-app-to-azure-appservice-running-linux-from-github\/\">Follow the full walk-through here<\/a>.<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>This sample demonstrates how to deploy, from GitHub, an Angular single page application (SPA) to Azure App Service running Node.js on Linux. A continuous delivery\/continuous integration pipeline will be also put in place with a GitHub Action.<\/p>\n","protected":false},"author":582,"featured_media":40224,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25],"tags":[51,53,79,10616],"class_list":["post-40222","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure","tag-angular","tag-app-services","tag-github","tag-nicola-delfino"],"acf":[],"blog_post_summary":"<p>This sample demonstrates how to deploy, from GitHub, an Angular single page application (SPA) to Azure App Service running Node.js on Linux. A continuous delivery\/continuous integration pipeline will be also put in place with a GitHub Action.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/40222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/users\/582"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/comments?post=40222"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/40222\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media\/40224"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media?parent=40222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=40222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=40222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}