Skip to main content

Web App for Containers Azure Step by Step Example

Deploy and Run a Containerized Web App with Azure App Service

Today we are going to talk about the "how to deploy and run a Containerized Asp.net Core Web App with Azure App Service"? 
It'll be great if you a basic understanding of the followings:
  1. You should have basic knowledge about the Azure App Service
  2. .Net and Visual Studio
  3. Docker and Containerizations

Development Env Setup

  1. You need Azure subscription (if you don thave then get a free one)
  2. You need Visual Studio 2019, click here to download
  3. You need to install docker on your local dev Machine
    4.

We shall complete the whole exercise in next 4 steps only

Step 1: Create Azure Container Registry

Go to the Azure portal and click on Create New Resource>>Containers and Click on the Container Registry
Fill up the Create Container Registry Form, and also Enable Admin User and click on Create Button. see below for your reference

finally, your registry container will be created with the given name.

Step 2: Visual Studio 2019 -Create a Web App

Open Visual Studio 2019 and  Click on "Create a new project"

Select "ASP.NET Core Web Application"

Provide the project name 

 Tick the "Enable Docker Support" checkbox and click on Create Button

 Here you must have the running Docker on your machine same you can see just below the "Enable Docker Support" checkbox 

Setup 3: Publish Web Application

Complete the following steps to send your web application contents to Azure Container Registry, which uses the instructions in the Docker file to build the image and store it.

 Right Click on Solution and Click on Publish >> Start >> Container Registry >> Select Existing Azure Container Registry and then click on Create Profile button, Here is a screenshot for the reference

May it ask to login, so use your azure portal credentials to login purpose here.
Now Select the recently(in step 1) created Azure container registry.

Click on the OK button and wait for the few minutes it will publish apps images/binary to Azure Container Register and you can validate with the same like the following screenshot:

Step 4: Create a Web App for Containers

Click in Create New Resources and sear for the "Web App for Containers"

 Fill up the form with all the required field Here is a screenshot for your reference
Click on "Next: Docker >" button and fill Azure container registry options details according to above created in step 1

Click on "Review + Create" button and finally you will the below screen, review the provided data and click on Create button

Wait for the few minutes and your app will be provisioned  and ready to use
finally, visit your web app URL to see your first running web in the container.
Once the deployment is completed visit your web app explores the URL to see the running application

Congratulation you have done with the hello world docker host and web app!!

Labels:

Comments

Post a Comment

Popular posts from this blog

How to Make a Custom URL Shortener Using C# and .Net Core 3.1

C# and .Net Core 3.1:  Make a Custom URL Shortener Since a Random URL needs to be random and the intent is to generate short URLs that do not span more than 7 - 15 characters, the real thing is to make these short URLs random in real life too and not just a string that is used in the URLs Here is a simple clean approach to develop custom solutions Prerequisite:  Following are used in the demo.  VS CODE/VISUAL STUDIO 2019 or any Create one .Net Core Console Applications Install-Package Microsoft.AspNetCore -Version 2.2.0 Add a class file named ShortLink.cs and put this code: here we are creating two extension methods. public   static   class   ShortLink {      public   static   string   GetUrlChunk ( this   long   key ) =>            WebEncoders . Base64UrlEncode ( BitConverter . GetBytes ( key ));      public   static   long   GetK...
Post a Comment
Read more

Azure key vault with .net framework 4.8

Azure Key Vault  With .Net Framework 4.8 I was asked to migrate asp.net MVC 5 web application to Azure and I were looking for the key vault integrations and access all the secrete out from there. Azure Key Vault Config Builder Configuration builders for ASP.NET  are new in .NET Framework >=4.7.1 and .NET Core >=2.0 and allow for pulling settings from one or many sources. Config builders support a number of different sources like user secrets, environment variables and Azure Key Vault and also you can create your own config builder, to pull in configuration from your own configuration management system. Here I am going to demo Key Vault integrations with Asp.net MVC(download .net framework 4.8). You will find that it's magical, without code, changes how your app can read secretes from the key vault. Just you have to do the few configurations in your web config file. Prerequisite: Following resource are required to run/complete this demo · ...
Post a Comment
Read more

AWS FREE ASP.NET CORE (.NET 6.0) HOSTING WITH FREE SSL

  FREE ASP.NET CORE (.NET 6.0) Hosting on AWS (Amazon Web Services) Today I was able to host my asp.net 6.0  + ANGULAR 14 application  on AWS Free  Initial Setup of your AWS Account and your Computer Get ready with your asp.net core 3.1 /.net 6 application Install  "AWS toolkit for visual studio 2022" as  visual studio extensions :  it will be required to deploy smoothly from Visual Studio 2022 itself, your life will be easy. Let's finish the AWS account setup  Get signed up with: its free but it will be required a valid credit card or debit card, they will charge nothing for the free services for 1 year * https://portal.aws.amazon.com/billing/signup#/start/email AWS console  for services and offering http://console.aws.amazon.com/ Create a user in AWS Console:  IAM With the help of AWS Identity and Access Management (IAM), you can control who or what has access to the services and resources offered by AWS, centrally manage fine-grained...
Post a Comment
Read more