Publishing a .NET Core Web App to Azure with VS 2022 (It's SO EASY)

so let's start by creating an azure account and you can find a link to this page in the show notes below the video we're gonna click on start for free and you're gonna need to sign in with a microsoft account if you don't have one yet there's also a link to a resource about how to create one and then we're gonna fill this form with our personal details and click on next and the next step will be to include a credit card and don't worry about this step microsoft won't charge for anything that you don't use so if you follow these steps in this tutorial and always delete the resources after testing them you'll never pay a dime so once this form is filled just click on sign up and you're going to be taken to a page where you see a button go to azure portal you can click on that and you will see the azure dashboard on this dashboard you have an overview of all of your resources on azure right now we don't have any so our list is empty so the next step will be to create a blazer application on visual studio and in this demonstration i'm gonna use blazer but the process would be the same for an mvc or a razer pages application so if you already have a project ready to be published you can skip this part and go directly to the publishing section just keep in mind that in this tutorial we are not demonstrating how to publish an app with a database that's going to be my next tutorial but let's continue on the next prompt search for blazer web assembly app and you can give this project any name you want i'm going to use blazer azure test and this project is going to live in my study projects folder in the additional information prompt i'll just keep the default options once the project is created let's test it straight away by clicking on the green play button and you can just click yes if you see a prompt about ssl certificates and once the process is complete this is our result a functioning blazer page that has a sidebar a simple counter and some weather forecast data so everything works let's see how we're gonna publish it to azure in the solution explorer right click on project's name and choose publish then choose azure which is the first option and then azure app service windows and this is an http based service that we use to publish web apps press apis and mobile backends and this is not just for csharp and net you can publish apps written in other languages such as java php ruby python and node.js so once you choose to publish as an app service you're going to be prompted to log into visual studio with your microsoft account and you can see that we have a subscription associated with our new account and that's called azure subscription one and in azure you can think of a subscription as a container that will hold all of our resources so if we go back to the portal and click on the subscriptions icon we will see our subscription and if you click on it you can see its details back on visual studio there is a message saying that there are no instances of app services associated with this subscription so let's create a new instance and here we can see that we need to create a resource group and a hosting plan and these aren't really important for us right now since we are only interested in publishing a standalone app but in a situation where you would have multiple apps such as in enterprise development resource groups and hosting plans are very useful to maintain everything organized and you can give these resources different levels of access so these are extremely useful for the administration of resources but here we can just keep the suggested names and click on create then you'll see the resource that was created and you can click on finish and that will create a publish profile and that's a file that contains information to deploy apps and services to azure so you can just close that and then click on publish and you can follow the progress of the deployment in the output window and if everything works you're going to see this publish succeeded message and a browser will open with your website loaded and that's it your website is live our counter is working and we can see the data about the weather now very important if you don't want to pay anything for your apps and that's especially important when we publish a database we have to delete our resource so let's go back to the portal and click on resource groups then on the list of resource groups on the left we're gonna see the one that we just created you can click on it and then click on delete resource group and since this is an operation that can do a lot of damage you're gonna have to copy the name of the resource group into this field just to make sure you're not deleting anything by accident and we can see here the resources that are being deleted they are associated with this resource group and those are the app service and the app service plan and that's a quick way to clean things up and delete everything in one go and that's it once the deletion is successful everything is cleared and you won't have to pay anything and even if one day you want to publish an application for people to use the price will depend on the usage so you pay more as your app is used more and it scales automatically of course you can set a limit so you don't get surprised in case your app grows very popular but the whole thing is very easy to scale so i highly recommend azure to host web apps so that's it don't forget to check the links below there are several resources with more detailed information where you can dive deeper into these subjects and don't forget to subscribe we are always publishing new tutorials see you next time

Channel: The C# Academy

Views: 13,047

Keywords: c#, beginners, .net, absolute beginners, tutorial, learn to code, coding tutorial

Id: TcghUb1NPCw

Length: 6min 15sec (375 seconds)

Published: Tue Sep 20 2022