{"id":20485,"date":"2018-04-02T15:03:00","date_gmt":"2018-04-02T15:03:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/premier_developer\/?p=20485"},"modified":"2019-02-18T08:20:30","modified_gmt":"2019-02-18T15:20:30","slug":"hosting-an-angular-progressive-web-application-pwa-with-azure","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/hosting-an-angular-progressive-web-application-pwa-with-azure\/","title":{"rendered":"Hosting an Angular Progressive Web Application (PWA) with Azure"},"content":{"rendered":"<p>Progressive Web Applications might just be the future of web development. In this post, <a href=\"https:\/\/www.linkedin.com\/in\/waelkdouh\/\" target=\"_blank\" rel=\"noopener\">Wael Kdouh<\/a> shows how to deploy an Angular PWA to Azure, including some potential pitfalls to watch out for.<\/p>\n<hr \/>\n<p>In his blog post, Wael introduces the popularity of Progressive Web Applications and how to deploy them to Azure.<\/p>\n<p>He writes \u201cIn this post I will show you how you can deploy an Angular PWA application to Azure. I won&#8217;t show you the detailed steps to build the CI\/CD pipeline on VSTS which in turn deploys to Azure as I have already discussed it in a previous post which can be found <a href=\"https:\/\/blogs.msdn.microsoft.com\/wael-kdouh\/2017\/09\/11\/deploying-your-angular-application-to-azure-using-visual-studio-team-services-vsts\/\">here<\/a>. Instead I will focus on some of the pitfalls that you may face while attempting to deploy a Angular PWA application to Azure as it may be tricky to new comers to PWA and mobile development in general. Finally, I will test the application on an Android device running Oreo with the latest version of Chrome. I did not test it on IOS since I did not have access to the latest technical preview of Safari which introduced support for PWA but I will address it in future posts.\u201d<\/p>\n<p>To learn how to deploy a PWA to Azure, click <a href=\"https:\/\/medium.com\/@waelkdouh\/hosting-an-angular-progressive-web-application-pwa-with-azure-8918788a0bd6\" target=\"_blank\" rel=\"noopener\">here<\/a> for Wael\u2019s full post.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Progressive Web Applications might just be the future of web development. In this post, Wael Kdouh shows how to deploy an Angular PWA to Azure, including some potential pitfalls to watch out for. In his blog post, Wael introduces the popularity of Progressive Web Applications and how to deploy them to Azure. He writes \u201cIn [&hellip;]<\/p>\n","protected":false},"author":582,"featured_media":37840,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25,55],"tags":[51,24,98,99],"class_list":["post-20485","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure","category-web","tag-angular","tag-azure","tag-wael-kdouh","tag-web-app"],"acf":[],"blog_post_summary":"<p>Progressive Web Applications might just be the future of web development. In this post, Wael Kdouh shows how to deploy an Angular PWA to Azure, including some potential pitfalls to watch out for. In his blog post, Wael introduces the popularity of Progressive Web Applications and how to deploy them to Azure. He writes \u201cIn [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/20485","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=20485"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/20485\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media\/37840"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media?parent=20485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=20485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=20485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}