hi and welcome in another video of cloud and five minutes today I want to talk
about a feature I've been waiting for ears it's finally possible to create
static website and Azure blob storage whoo-hoo aussi si vous préféré, j'ai une version
en français de ce vidéo, cliquer juste ici dans le coin en haut à droite
okay before I get started I just want to do a little parenthesis here I just want
to explain why I was so happy that the website was AB now available in the
blood storage well cloud is really great when you got
fluctuation when traffic change in time Asher was not really offering like a
great solution if you had like simple website that didn't change in time so
now with the static website in the blob storage you have high availability and
it will be cheap so earlier this week this post was
published and honestly he made my day I was so happy to see it in it you will
see here in the get started section all the tools are available to play with the
azure website right now at the moment when I'm recording this video the
feature is still in preview so the service work great however the tools are
not there yet sir it's it will be coming pretty fast
I'll talk a little bit more about it later you have many different options to
create your storage and your static website but today I want to show you how
to do it through the portal so in the portal you will create a storage account
like usual except for one thing here when you specify as you kind you
need to pick the general purposes v2 in the article I was talking about is just
mentioned that you need to pick the GP v2 so GP vient v2 was exactly for
general purposes v2 so once you create that everything will be fine
and you will have like your storage account in fact I already have one
created and the difference when you create your account is here you have
where it is here the static website preview and if you click on that you can
enable your static website and you will have your URL here it is if I go there
right now of course I have nothing no content but that's what we expect
perfect so now we have our shell it's time to have to put some content in it
of course I could have done all manually but I wanna leverage
one tool I really like and it's Jekyll I don't know if you know it it's a tool
that I like it's generate website and blogs and things like that so it's very
efficient I will put the link in the description comment is just Jekyll new
and then the name of your website will generate everything for you
voila and now you just need to change to that big folder
perfect let's I just want to show you first so let's use code so here in
Visual Studio code I see all my configuration and this is a blog so I
have many posts if I'm gonna add new then I just had new files in the post
section and then I need to generate my static content so I could put stuff
there and it will be generated to a static website to do that I just need to
do tickle and build it what happens now it will create a subfolder call
underscore site and if we have a look here this is all static now I want to
specify to my Asscher website that my initial file is index.html so to do that
I need to go in the portal and here and I got myself fooled once because it
what's written already but in grace I need to put it like that and save it so
to upload the file of course I could go in the overview in the blob section and
upload now you will see a new container called dollar sign web that's our folder
so I could have upload that directly but but it will be filed by a file they have
no way to upload all the file or a folder directly so I was long so I
decided to try different things so of course I try scripting so if we go back
in visual code so first was easy copy I try it I was getting an error I think
it's just because right now is copy is not yet up-to-date
it doesn't like I think the dollar sign web and it will be the same for either
storage and like I was trying doing batch and even one by one it didn't work
so was not working for me but like I said it's still in preview and I'm
pretty sure the tool will be fixed shortly or it could be me maybe I'm
doing something wrong so if you figure that out let me know we'll be very happy
so I try using the azure CLI extension so the azure CLI was really great to
create or update your static website but to upload it doesn't help much
so even when I install that it didn't help then I try the Visual Studio code
preview that work well so we'll do that today I will put all the link in the
description so individuals your code of course you will need to have the storage
extension and you will install the preview version to activate it you need
to do ctrl comma and then set here whoops let me minimize this and you need
to add this setting here it's all specified in the post and it will put
all those URL inside the description of this video so once you got that set now
if we go back in the extension we navigate through our storage then the
blob of course we'll find the dollar website dollar sign web container and
now we'll have like deploy website static website that's perfect so we
click here and we'll browse and we'll take the site voila and then you just
click OK so wait a little bit and now if we go back here and give refresh wallah
we have our website so now I have a nice blog post that is completely static
hosted in Azure blob storage woohoo this option Suites very well the website for
an event for landing Paige if you have a blog if you just
want like a little family website with bunch of photo and everything it will be
very very cheap I will put out the useful information post and URL inside
the description and if you have any questions let me know I will be super
happy to help you I hope you liked this video and I hope it was useful thank you
for watching see you next time you