{"id":38217,"date":"2020-01-09T06:00:58","date_gmt":"2020-01-09T13:00:58","guid":{"rendered":"http:\/\/devblogs.microsoft.com\/premier-developer\/?p=38217"},"modified":"2020-01-07T08:44:35","modified_gmt":"2020-01-07T15:44:35","slug":"hosting-a-containerized-client-side-blazor-application-on-azure","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/hosting-a-containerized-client-side-blazor-application-on-azure\/","title":{"rendered":"Hosting a Containerized Client Side Blazor Application On Azure"},"content":{"rendered":"<p>Premier Consultant <a href=\"https:\/\/www.linkedin.com\/in\/waelkdouh\/\">Wael Kdouh<\/a> explains how to containerize a client-side Blazor application for Azure deployment.<\/p>\n<hr \/>\n<p>It\u2019s not a secret by now that <a href=\"https:\/\/dotnet.microsoft.com\/apps\/aspnet\/web-apps\/blazor\">Blazor<\/a> is taking the .Net Core world by storm. I won\u2019t go into the details of what Blazor is or what the different hosting models are as its been widely discussed in the community. For a quick reference of Blazor overview as well as the different hosting models you can check the Microsoft docs located <a href=\"https:\/\/docs.microsoft.com\/en-us\/aspnet\/core\/blazor\/?view=aspnetcore-3.0\" target=\"_blank\" rel=\"noopener noreferrer\">here <\/a>and <a href=\"https:\/\/docs.microsoft.com\/en-us\/aspnet\/core\/blazor\/hosting-models?view=aspnetcore-3.0\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a> respectively. In this post I will mainly focus on hosting a containerized client side Blazor application on Azure. I will use Azure DevOps to build a CI\/CD pipeline which will deploy the Docker image that contains our Blazor application. I will also utilize Azure Container Registry (ACR) to store the Docker images. And finally, I will use Azure App Service to run the Docker image which will serve our application.<\/p>\n<p>Continue reading <a href=\"https:\/\/medium.com\/@waelkdouh\/hosting-containerized-client-side-blazor-applications-on-azure-e090af738619\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post, Premier Consultant Wael Kdouh explains how to containerize a client-side Blazor application for Azure deployment.<\/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":[80,25,55],"tags":[61,97,8496],"class_list":["post-38217","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-net","category-azure","category-web","tag-asp-net-core","tag-azure-container-registry","tag-blazor"],"acf":[],"blog_post_summary":"<p>In this post, Premier Consultant Wael Kdouh explains how to containerize a client-side Blazor application for Azure deployment.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/38217","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=38217"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/38217\/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=38217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=38217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=38217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}