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

[@ScalarRon]

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

[@fernandofischer3725]

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

[@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

[@1988alpesh]

Great stuff :), happy to watch

[@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.

[@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.

[@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.

[@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

[@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!

[@asemerci]

God bless you 😁

[@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. :)