How To Deploy ASP.NET on Microsoft Azure Cloud - Step-By-Step Tutorial

hi guys welcome to digital Tech Joy I hope everybody is doing good and you are really enjoying the videos that is uploaded on my channel in this series tutorial I am going to show you how to deploy your asp.net application on Microsoft azure platform we have already started this series as I mentioned earlier and this is will be the fourth video on Microsoft azure in this video we will do a very simple deployment of asp.net application on Azure platform so let's login to Microsoft Azure so I've already logged into my Azure account and here you can see this is a landing dashboard and in my previous video explain about each and every components and how to use the Azure portal if you guys have not watched it I suggest that you go and watch it now in order to deploy or is.net web application on Azure portal we will be using this service called app services now this app Services is accessible on the dashboard where we can see the popular service is already displayed over here or else on your left hand side menu you can see the app service is out over here also and then obviously you can also search for app services on the global search bar like app services and you can see the result over here there are also a quick start Center that you can use and access the service from there as well so basically app service will enable you to create a platform where you can deploy your application it also enables you to create build and manage your web apis for your mobile and also help you to create website and mobile services so if you click on the quick Start Center you can see the first option as create a web app let's click on start and here it gives the option whether you want to do build an host it and whether you want to create file go with the option build and host a web app with Azure web apps so I click on that now here it will ask for the subscription currently I am running a free trials of selecting that I've created a user group called RG Resource Group trade so this is my group which is there and you can give the name so I understand the thing as digital Tech joint web app something that's not and this should be unique so yes this is available you can see the green tick over here so my URL will be vegetable texture that is dtj web app dot azurewebsites.net it's uniquely and globally accessible so this is I'm going to publish the code okay so I've selected the code myranta will be dotnet send point s.7 platform it will be for Windows in my case currently I am selecting East us actually I tried to select South India and I try to select Indian region but the service is currently it's not available so so we can go ahead so these are the three services you may try the central South and West India but as of now I'm keeping it East US and then this is a free trial plan over here since it is running in the free trial and then I click on create so this gives you the summary of the web app settings and then I'll click click on the button create now if you click see the notification bar it is already showing that initializing deployment and it is deploying the supply setting up the environment so the deployment is in progress you can see this is the name of the web app services and deployment is in progress so once this is created we will select on the on the deployment deployed web app and go to the properties so once we set up this we will open Visual Studio and create an MVC application that will be deployed on this service so as you can see your deployment is complete you can click on go to resources and directly go and access it otherwise if you go to the notification planning you can see the deployment success you can pin it in the dashboard so I just spin it in your dashboard as well and then we can go to the resource directly from here so this is the resource that I created web app Services you can go to the dashboard and here you can see this resources you can see digital text on web app is already created a few seconds ago you can also just go over the mouse on that service name and click on this option star option which will favorite and you can see it in your writing set as well yes it will be somewhere over here it can be you can see this option as well so now since our web app service is ready let's click on that I clicked on that and here you can see an overview so this is the overview this is the details this is the default domain you can see this is a publicly be accessible domain and you can see other properties over here okay this is a free trial subscription which region it is hosted so now we also have other options like this is the hosting plan and the domain name web app code that is 10.0 then there is a monitoring so right now this is what the monitoring is as low then there is logs are not enabled logs but you can go ahead and click on this and enable the log if it is required this is a notification service and this is a recommendation right now we don't have any recommendation for Microsoft and let's go ahead and click on this domain default domain and just copy it and we'll go to the browser and paste the URL and see what happens and here you can see our site is up and running our service is up and running it's like an if you recollect when we wanted to we had deployed applications on IIs it is something similar to that when uh what we wanted to check whether our is local service working we used to type in the browser localhost and the pages to display a similar way where this is a domain that is created right now and this domain is active and is running that is what is that is why the pages are displayed to you as an user so this ensures that your service is up and running now in under this domain name we will be deploying our website so since our services up is running it's time that we go to visual studio 2022 and create an MVC application that will be deployed under the service called digital Techron web app so guys have open visuals for 2022 and click on create new project and select MVC asp.nvc and click on next so I'm going to hosted this this is the name of the project I click on next so right now it's a dotted framework 7.0 for which we have enabled web app on Azure platform you click on right now we just remove https and click on create you can also take https that should not be a problem at all and I create the project so this is a project and I just run this project and we are going to deploy the project as it is on Microsoft Sr platform under the webs app service that we just created yeah so here is our website uh demo Azure website and this is home and this is a privacy this is a page that will be displayed so let's do one thing let's Host this as it is and then make some changes to it so right click on the project name and select publish now when you see we get in dialog box device whether you want to publish it on a folder Docker container FTP or web service that is local IIs so I am going to select Azure and click on next now from here you need to select as our app services for Windows that I created and I showed you so this is what is as our app Services windows that I'm going to select and click on next now the moment I click on next make sure that you you have logged in So currently this is my account and Azure uh digital Tech joint at the gmail.com so I'm going to login so I click on sign in it should automatically sign in because already otherwise I'll just provide it and click on next and I'll give it a password I successfully logged in and it is now just fetching the information yeah so once I was able to log in it is we are able to see the screen where we are able to see that the services that are available are grouped under our resource so right now if you recollect I have only one resource that I have created as RG training database Resource Group which is one of the resource Group and within the subgroup I had created a digital Techtron web app which is an app service now I could see that in this tool once I log in I'll be I'm able to see the resource and once I expand it I'm able to see my app service I will select the tab service and click on finish so once I click on finish this is a profile that is created and we are able to see that in the profile we have the app service name and this is a web deployment now this is not yet published on the website you can see that URL is over here but this URL will not fetch any information as of now this is a profile that is created which has the configuration details whether it's a release or debug the.net framework and how do you want the runtimes to be deployed and all these settings that are displayed over here your free free trial subscription your resource Group and obviously your app service name and this will be your url a unique URL that add mentioned it when I created an App service in my Azure portal now everything looks good and we click on this button publish and it is publishing the website on Azure portal you could see is publishing to Azure app service windows publish started you can see the same thing in your taskbar as well and this is output window here you can see it's adding the directories in Azure portal and here you see digital Tech Trend web app this is a service name and you can see it's successfully published it and finally we are installing the asp.net core extension component components and you could see everything happening over here it's really restarting the app service and now we redirect to our Azure portal here you go so this is our site deployed on Microsoft Azure this is our first website asp.in MVC application deployed on Azure portal this is a global URL public URL and you can see the site is loaded now let us switch to the portal and just refresh it once so here you can see our web services is over here so now this has an active website and when you click on this domain now now since you have hosted your website when you click on this you should be able to see the page so let us add some elements and republish it in our portal so that we can see things in action we can just go ahead and add some code so we go to The View and we click on index so on the index view what I'm going to do is copy some code which I've already written so basically what I've done is that we change this index page we have actually adding a title called digital Tech join Channel and here I am actually using a iframe and I've actually added a URL you can see right over here which will display one of my videos uploaded in my channel I save it and I first run it locally and just check whether it's changes reflecting and then we'll simply republish it and we'll see how things so here is my home page here you can see digital Tech joint and this is a video that I have actually embedded so this is a video on setting up Microsoft Azure VM on cloud platform so this changes reflected successfully let's do one thing let's now publish it on our Azure portal so here this is a Azure portal which you can see and here there's currently no change happening we'll just copy this URL and then republish it so right click and I say publish you can see the profile is displayed over here and I simply need to say publish so this time the publish should happen fast because already uploaded here you can see the output window it is uploading on Microsoft Azure portal and we should be able to see the change on the live portal as well it is successfully uploaded and here you can see my page is getting loaded the URL will be the same and basically we should be able to see yes so we are able to see our title and we are able to see our video and we are able to also play it so this was a small tutorials on how to upload Microsoft asp.net MBC on Microsoft Azure portal using our web app services that I created now in in our next video I'm going to show you how to deploy a web app having database driven functionality like we will be creating a small module that will fetch the records from Ms SQL Server database and also add an update so we will in the next tutorial we will see how that can be accomplished that's why I require everybody to just like this video and comment it if there is any other database if you like to show a demo then definitely I'll do that for you so guys this was the video This is the end of the tutorial I hope you liked the video please do subscribe and share my channel link with your friends colleagues and family members and help us to grow our Channel thank you so much for your time

Channel: Digital TechJoint

Views: 14,308

Keywords: aspnet, msazure, clouddevelopment, webapp, microsoftazure, aspnet deployment, cloud hosting, azurewebapp, dotnet development, azuredeployment, aspnetcore, webdevelopment, cloudcomputing, azureservices, azuretutorial, visualstudio2022, azuredevops, appservices, app service, scalability, reliability, flexibility, saas, paas, iaas, deploy web app on ms azure, azure free trial, MS Azure, asp.net deployment on MS Azure, ms azure cloud tutorial, courses, learning ms azure, ms azure certification

Id: VLTNyM8DGds

Length: 15min 11sec (911 seconds)

Published: Thu Jun 01 2023