New API back-end options in Azure Static Web Apps | Azure Friday

Front-end web applications often call back-end APIs for data and services. Annina Keller joins Scott Hanselman to show how Azure Static Web Apps provides built-in serverless API endpoints via integration with Azure services, including Azure App Service, Azure API Management, Azure Container Apps, and Azure Functions.
Chapters:
00:00 - Introduction
03:18 - Simple demo
10:30 - Demo with OAuth and API Management
17:50 - Wrap-up
18:40 - Resources
Recommended resources:
■ Overview of API support in Azure Static Web Apps - aka.ms/azfr/729/01
■ Use Static Web Apps API and API Management Authorizations to integrate third party services - aka.ms/azfr/729/02
■ API Management - Authorizations overview - aka.ms/azfr/729/03
■ New API backend options in Azure Static Web Apps - aka.ms/azfr/729/04
■ Create a Pay-as-You-Go account (Azure) - aka.ms/azfr/729/payg
■ Create a free account (Azure) - aka.ms/azfr/729/free
Connect with us:
■ Scott Hanselman | @SHanselman - / shanselman
■ Annina Keller | @AnninaKe - / anninake
■ Azure Friday | @AzureFriday - / azurefriday
#Microsoft #Azure #AzureFriday

[@KrisMeister]

This was good. I've noticed on youtube, Azure created tutorials NEVER show the network traffic developer console of the browser. Like they're afraid someone will get lost. I'd recommend opening the browser traffic so we can understand what the API is calling from the browsers perspective. It would be much more clear.

[@92strom]

Really enjoyed this episode of Azure Fridays, Annina is so passionate about the demo and explained it really well.

[@surakshachoudhary2880]

At this point, is it better to host your (SPA frontend + dotnetcore web api backend) application on Azure static web apps rather than Azure App Service? What are the pros and cons.

[@AttieHeunis]

This is fantastic! Thank you and well done!

[@DominikKeller218]

That’s my sister !!!

[@crowbea2961]

Cant be! She is my sister!! Are you my brother?

[@Kinnoshachi]

She’s my brother

[@ruthlessluder]

She's mine

[@spreadknowledge9690]

Confident ❤

[@alextalp01]

This is great, thank you!

[@mjtpena]

This is awesome! This is going to be massive!

[@RajaAnilKumar]

Very well explained.

[@scottthompson6829]

How might this work if APIM is placed behind Front Door and Application Gateway?

[@GiovanniOrlandoi7]

Awesome!

[@webdeveloperninja9220]

Super cool

[@Marcel-dt5du]

Hi, thanks for the great session! Regarding the Twitter Auth that was mentioned... Can I use role-based authZ with this like with AAD? I.e. I have appRoles enabled for the API app registration and users need to be assigned a role for access... But the twitter user principal is not in AAD and therefore I cannot assign a role to it.

[@odelljl]

I like what I'm seeing but I think of Azure Static Apps as a nice solution because it's simple. As soon as you introduce APIM , there's the cost, the challenges to deploy it using infrastructure as a service, and all the other features you drag along that you won't be using.

[@prasantchettri133]

Nice episode, she is passionate and excited to explain and keeps it simple too.

[@albin1816]

Is there a way to access x-ms-client-principal header when developing locally using @azure/static-web-apps-cli ? Or what should I do for local development to authorize and get user info in backend API?

[@Hurricanepkt]

did you ever figure this out?

[@albin1816]

Also how do I configure it to only allow AAD logins from my tenant?

[@alextalp01]

Could we get a link to the sample front-end and back-end source-code shown in the video? Thanks!

[@vivekkaushik9508]

Yesss

[@anninakeller9753]

You can find the resources in this blog article: techcommunity.microsoft.com/t5/apps-on-azure-blog/use-static-web-apps-api-and-api-management-authorizations-to/ba-p/3603755

[@kirillsmorchkov]

"Oh, wait for it!!!" XDDD

[@handsome_man69]

Handsome man

[@edimarribeirodasilva5391]

Franca SP Brasil.