Original subtitles

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