Build a website using Azure Static Web Apps and Authenticate with AAD

[@artorhemnnahs]

I rarely post, but when I do, it's to say thanks. This helped a lot. Very clear.

[@dominikmeyer8078]

I rarely if ever comment a KZbin video (unthankful ass). But I have to: This video made my deployment work on the first run including AAD (tenant specific) authentication! Thank you, very on point!

[@karansingh-n9k6k]

Your video help me a lot, even the official documentation confuses on how to configure SWA easily. You video did the trick. Thanks or creating this

[@fernandofischer3725]

Awesome video, Thanks!! Would definitely love seeing a B2C walkthrough.

[@1988alpesh]

Great stuff :), happy to watch

[@abdalrahman6124]

thank you for the video, it's very helpful, good luck with future content. yes it will be very great if we can see the B To C integration

[@ScalarRon]

I ran into all the same problems. The custom auth requirement definitely isn't straight forward. Thanks, Doug!

[@sistemasfbm1617]

excelente video! muchisimas gracias por la ayuda, muy didáctico

[@puduville1]

Please show us how to connect to AAD B2c please!

[@tancouver]

Thanks, Doug. This really helped me. For some reason, the manifest.json linked in the index.html causes unintentional redirects whenever I try to add any type of authentication. I just removed it and that helped me for now. Weird how this doesn't come up in your example, making me think this could be something specific to my organizational tenant.

[@omnizsk]

How do you ensure unique content for each logged in user? I think some real world example with more popular react framework such as nextjs or remixjs would help a lot.

[@cacurazi]

Bro, how many times do you have to sneeze 🤧? Jesus Christ 😭 Anyway, this was wonderful. Keep it up!!

[@Muhammadmiftahofficial]

Thank you!

[@goatinvader2281]

Great video. i am also interested in the B to C config. I was hoping to be able to support AAD and a third party saml provider.

[@andreabovo5208]

Is it possible to test it on local? If not is going to be difficult to use in real scenarios. Maybe better use MSAL

[@asemerci]

God bless you 😁

[@seadude]

Thanks for putting this video together. For some reason, the `staticwebapp.config.json` file isn't being respected. I pasted the same values you did from the MS Learn page, but there is no auth being enforced when I open the page, even in an incognito window. Do you have any thoughts on this one?

[@seadude]

Hm...yeah. I just re-created the Azure Static Web App, upgraded to Standard plan, created the `staticwebapp.config.json` file, same issue. I can't get the route /* to work. The website loads with no auth prompt. I'm using `mkdocs` instead of `docusaurus`, but that shouldn't affect anything.

[@DougDoesTech]

That’s weird, all I can think is the file is in the wrong directory or some how not getting deployed? Do you have a public git hub you can share?

[@seadude]

Figured it out...@16:54, just to the right of where you highlighted. "...in the folder set as app_location in the workflow file." For mkdocs, the app_location is /site. Had to move the staticwebapp.config.json into that directory. Now it works! Thank you again for making this video. All the other vids I watched were using React, Vue, etc. They were too complex. This was perfect.

[@seadude]

@@DougDoesTech yep, that was it!

[@Js_9_2]

@@seadude I'm trying to implement authentication on my mkdocs site, there's also something wrong with the route, the site loads but the authentication doesn't, as mentioned the file should go in the /site folder, but my site doesn't have this folder I think it's in the root /, should I deploy it again in a folder called /site, is that where the code and static config should go for authentication to work? I'm new to this, I would appreciate the help.

[@puneetkapoor6548]

I followed the same steps but it didn't ask for the password, rather it says 401 Unauthorized access when I open the Web app URL

[@DougDoesTech]

You need to add the redirect code on 401

[@puneetkapoor6548]

@@DougDoesTech I have used the same json which you showed in your example. So it has the redirect tag but not sure why it is not redirecting to auth page.

[@puneetkapoor6548]

@@DougDoesTech Thanks for your help I found the issue. It was something else. :)

[@DougDoesTech]

Nice! What was it?

[@puneetkapoor6548]

@@DougDoesTech I was not pushing the staticwebapp.config.json file from the repo because the static content was part of a pipeline in Azure. So I was creating this JSON file from the command line and I forgot to escape the JSON due to which it was not reading the redirect code. Anyways thanks a lot it saved a lot of time after watching your video. :)