Vad är Azure Static Web Apps?

  • Artikel
  • 2 minuter för att läsa

Azure Static Web Apps är en tjänst som automatiskt skapar och distribuerar fullständiga stackwebbappar till Azure från en kodlagringsplats.

Azure Static Web Apps översiktsdiagram

Arbetsflödet för Azure Static Web Apps är skräddarsytt för en utvecklares dagliga arbetsflöde. Appar byggs 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 valfri gren. Varje gång du skickar genomföranden eller accepterar pull-begäranden till den övervakade grenen körs en version automatiskt och din app och ditt API distribueras till Azure.

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

Med Static Web Apps separeras statiska tillgångar från en traditionell webbserver och betjänas i stället från platser som är geografiskt fördelade över hela 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 finns API-slutpunkter i en serverlösarkitektur, vilket gör att du inte behöver ha en fullständig server i sin helhet.

Huvudfunktioner

  • Webbvärdverktyg för statiskt innehåll som HTML, CSS, JavaScript och bilder.
  • Integrerat API-stöd som tillhandahålls Azure Functions med alternativet att länka en befintlig Azure Functions-app med hjälp av ett standardkonto.
  • Förstklassig GitHub- och Azure DevOps-integrering där ändringar i lagringsplatsen utlöser byggen och distributioner.
  • Globalt distribuerat statiskt innehåll som ligger närmare dina användare.
  • Kostnadsfria SSL-certifikat, som förnyas automatiskt.
  • Anpassade domäner för att tillhandahålla varumärkesanpassningar till din app.
  • Sömlös säkerhetsmodell med en omvänd proxy vid anrop av API:er, vilket inte kräver någon CORS-konfiguration.
  • Integrering av autentiseringsprovider med Azure Active Directory, GitHub och Twitter.
  • Anpassningsbar definition och tilldelning av auktoriseringsroller.
  • Regler för serverslutsroutning som ger fullständig kontroll över det innehåll och de vägar som du betjänar.
  • Genererade mellanlagringsversioner som drivs av pull-begäranden som aktiverar förhandsversioner av webbplatsen före publicering.

Vad du kan göra med Static Web Apps

  • Skapa moderna webbprogram med JavaScript-ramverk och -bibliotek som Angular, React, Svelte, Vueeller använd Blazor för att skapa WebAssembly-program med Azure Functions-backend.
  • Publicera statiska webbplatser med ramverk som Gatsby, Snip, VuePress.
  • Distribuera webbprogram med ramverk som Next.js och Nuxt.js.

Nästa steg

Skapa din första statiska app