A Static Website as cheaply as possible with Azure Storage, Azure CDN, HTTPS and a Custom Domain
Вставка
- Опубліковано 5 вер 2024
- Setting up a Static Website as cheaply as possible with Azure Storage and an Azure CDN, with HTTPS and a Custom Domain.
Please forgive my funny faces and "wincing." I recently got braces and they are annoying.
Man, thank you for making this video. You have no idea how many tutorials and How-To's there are on the web that are just plain wrong. This helps a lot!
Man you are amazing. Saw your Couple videos and it is just great. Please keep bringing more.
You earned a subscriber today mate
great! I set up my website with azure yesterday within a couple of minutes. Great channel :)
Great video Scott. Small mistake in the summary - custom domain CNAME doesnt point to the web url of storage but to the CDN url.
Thank you man, I was stuck and you saved my evening
I discovered dnssimple thru this video. Thanks Scott!
You're the best Scott, cheers.
I always love Scott's videos
Thanks for the tutorial. FYI: I found that our site wasn't loading as the storage account I'd used had been setup with networking: "Enabled from selected virtual networks and IP addresses
". The fix seems to be to whitelist the AzureFrontDoor.Backend service tag's IPs... there's a lot and it's not a trusted service / there's no option to use the service tag... so quite painful...
There is a slight correction I guess Scott. You pointed CNAME to CDN endpoint, but in notepad you mentioned that its pointed to static website endpoint. Just informing. No offence meant.
Hi scott, I am getting error on the url. "error: The requested content does not exist.
HttpStatusCode: 404
ErrorCode: WebContentNotFound "
Unless I append url with index.html. I need url to auto direct to index.url. Is this possible ? (note: not a custom domain)
Please update. I created a static website in a container (storage account). I bought a domain name. I can't seem to hook it up. All videos on YT are outdated. I just need my newly purchased domain name to point to my STATIC WEB APP (html, css, js) - no backend needed. Also - show how to hook up the SSL. So frustrating that all videos on this are so old that nothing is working.
Awesome!
Long time no see~🙂
good tutorial, explained in well manner
thanks a lot
Is this possible for a static webpage built with python (streamlit library)?
Good video Scott, but this 100% completely free on Google Firebase and you get a Database, Functions, Authentication, etc. included for free as well. With limits obviously. Not trying to advertise for Google Firebase or put a damper on your pitch for Azure here but I do think Azure needs a better choice for startups, and if your pinching pennies like this that's the intended audience.
There are very generous grants and other free giveways for startups on Azure - I've used Azure for 5 years totally free (within some resource limits). You just need to ask (the right person)
@@AzazeoAinamart that only works once, and it's a pain I also used BizSpark and have used Azure since its UI was written in Silverlight
Scott as always useful video. I have question. Is it recommended to host Angular Web Application on Azure Storage ?
Thanks for the tutorial. It helped me much
Hey i did this and it worked like a charm. Am trying to redirect my apex or naked custom domain to the "www" subdomain. How do i do that ? I tried the rules engine 4.0 but its really confusing
Thanks Scott! 👍
Nice video, thanks for that. Hey one question, how do I setup the site to work without the "www" as well ?
Thanks for this man!
thank you. Scott can you tell me why i need the CDN? because i understand that will bring more cost to the website right?
ok, i see why. i could not add custom domain to a static website, with CDN we extend this posibility, by adding an endPoint.
It was really useful. Thanks a lot :)
Hi Scott, can you do the same, but using an Application Gateway instead of a CDN?
can you make custom static google search engine? and host container services within bookmarks?
Very well !! Thank to you, I built my website for free.
I made the same process in AWS and is similar but Azure Interface is more intuitive and better designed.
2 Extra steps I did were...
Blocking the storage website url (s3 bucket static website url in aws), and blocking the content distribution url so it can be only accesed from the custom domain, otherwise if you have an static website you will end with a website indexed in 3 different urls in Google.
Putting all this behind Cloudflare so it can prevents a DDOS and with that a potential attack and with that a huge sum to pay in bandwidth transfer.
Neat!
Do you have to pay for the data transfer between the cdn and the origin?
From what I can read, CDN only charges outbound. If the Website is an Azure website, then you're charged for outgoing traffic, like regular. In this case, it's a Storage Account so I believe you're just charged for the read, which is pennies and only happens when the CDN gets the content to cache it.
@@shanselman that's great! thanks for yet more awesome content!
Needless to say, unless you have another good reason to host your content in Azure (e.g. using other, commercial Azure services in an application and not wanting to have multiple providers), Azure is one of the worst choices for static websites. You should check out the myriad of open-source alternatives.
Good information but the presentation was too rushed. I wish you had slowed down so that I could better understand some of the user screens you were completing. Also, you should have covered FTP transfer. I code in Atom and upload with FileZilla. It took me a while on Google to see that this was possible with Blob Static Websites.
Adjust the video speed. That might help
One question - how to do the same but without www.? I have DNS Zone on Azure with my domain, I can map this domain (2nd level, without www) as Alias directly to CDN, but cannot enable HTTPS...
Hi, I've got this working, but only by using cdn verizon premium. I've based it on this blog: arlanblogs.alvarnet.com/add-url-rewrite-rules-to-an-azure-content-delivery-network/
maybe not :/
nice
How to set cname so that a user doesn't have to type "www" in front? I have an azure domain.
I had the same issue! Look here: github.com/MicrosoftDocs/azure-docs/issues/20701#issuecomment-578403704
Wow you would think such a basic feature..... Anywho... Once my ssl kicked in i was able to navigate using just the root url: madfunctional.com ... Maybe I flipped some switch but it works now lol
Dis the certificate show up? Does HTTP to HTTPS redirect work?
I'm wondering the same? http -> https redirection not working for me
Great video but GoDaddy requires "A Record" to map domain, does anyone know how to do it?
yeah you have to first create a cname template and apply it then you will see the records.
Nice video. What if I want to enable authorization (oauth) on my static website? It is possible?
Nope. Az Storage Static Websites serve anonymous requests only. That's kind of the point - no frills static web content serving.
@@JB-mn4ff I could be misunderstanding basic web tech here but I thought once you request the html/css/js what happens between the users browser(session/cookie) and some random backend(session/cookie manager) wouldn't matter if the frontend files were hosted statically.
In other words, "How would Microsoft know?".
how do i do this without www in front of domain
I had the same issue, look here github.com/MicrosoftDocs/azure-docs/issues/20701#issuecomment-578403704
He said google
6:36 😭
Googles Firebase is better imo.