Vad är Azure Static Web Apps?

Azure Static Web Apps är en tjänst som automatiskt skapar och distribuerar webbappar med full stack till Azure från en kodlagringsplats.

Azure Static Web Apps overview diagram.

Arbetsflödet för Azure Static Web Apps är skräddarsytt för en utvecklares dagliga arbetsflöde. Appar skapas och distribueras baserat på kodändringar.

När du skapar en Azure Static Web Apps-resurs interagerar Azure direkt med GitHub eller Azure DevOps för att övervaka en gren som du väljer. Varje gång du skickar incheckningar eller accepterar pull-begäranden till den övervakade grenen körs en version automatiskt och appen och API:et distribueras till Azure.

Statiska webbappar skapas ofta med hjälp av bibliotek och webbramverk som Angular, React, Svelte, Vue eller Blazor där rendering på serversidan inte krävs. Dessa appar består av HTML, CSS, JavaScript och bildtillgångar. Med en traditionell webbserver hanteras dessa tillgångar från en enda server tillsammans med nödvändiga API-slutpunkter.

Med Static Web Apps separeras statiska tillgångar från en traditionell webbserver och hanteras i stället från punkter som är geografiskt fördelade runt om i världen. Den här distributionen gör att det går mycket snabbare att hantera filer eftersom filerna är fysiskt närmare slutanvändarna. Dessutom hanteras API-slutpunkter med hjälp av en serverlös arkitektur, vilket undviker behovet av en fullständig serverdelsserver helt och hållet.

Viktiga funktioner

  • Webbvärd för statiskt innehåll som HTML, CSS, JavaScript och bilder.
  • Integrerat API-stöd som tillhandahålls av hanterade Azure Functions, med alternativet att länka en befintlig funktionsapp, webbapp, containerapp eller API Management-instans med ett standardkonto. Om du behöver ditt API i en region som inte stöder hanterade funktioner kan du ta med dina egna funktioner till din app.
  • Förstklassig GitHub- och Azure DevOps-integrering som gör att lagringsplatsändringar kan utlösa byggen och distributioner.
  • Globalt distribuerat statiskt innehåll, vilket placerar innehåll närmare dina användare.
  • Kostnadsfria SSL-certifikat, som förnyas automatiskt.
  • Anpassade domäner för att tillhandahålla varumärkesanpassade anpassningar till din app.
  • Sömlös säkerhetsmodell med omvänd proxy när du anropar API:er, vilket inte kräver någon CORS-konfiguration.
  • Integrering av autentiseringsprovider med Microsoft Entra ID och GitHub.
  • Anpassningsbar definition och tilldelning av auktoriseringsroll .
  • Regler för serverdelsroutning som ger fullständig kontroll över det innehåll och de vägar som du hanterar.
  • Genererade mellanlagringsversioner som drivs av pull-begäranden som aktiverar förhandsversioner av webbplatsen innan publicering.
  • CLI-stöd via Azure CLI för att skapa molnresurser och via Azure Static Web Apps CLI för lokal utveckling.

Vad du kan göra med Static Web Apps

Nästa steg