Wat is Azure Static Web Apps?

  • Artikel
  • 2 minuten om te lezen

Azure Static Web Apps is een service die automatisch volledige stack web-apps bouwt en implementeert in Azure vanuit een codeopslagplaats.

Azure Static Web Apps overzichtsdiagram

De werkstroom van Azure Static Web Apps wordt aangepast aan de dagelijkse werkstroom van een ontwikkelaar. Apps worden gebouwd en geïmplementeerd op basis van codewijzigingen.

Wanneer u een resource Azure Static Web Apps, communiceert Azure rechtstreeks met GitHub of Azure DevOps om een vertakking van uw keuze te bewaken. Telkens wanneer u commits pusht of pull-aanvragen accepteert in de gevolgde vertakking, wordt er automatisch een build uitgevoerd en worden uw app en API geïmplementeerd in Azure.

Statische web-apps worden vaak gebouwd met behulp van bibliotheken en frameworks zoals Angular, React, Svelte, Vue of Blazor, waarbij server side rendering niet vereist is. Deze apps zijn onder andere HTML-, CSS-, JavaScript- en afbeeldingsactiva waaruit de toepassing bestaat. Met een traditionele webserver worden deze activa geleverd vanaf één server naast eventuele vereiste API-eindpunten.

Met Static Web Apps worden statische activa gescheiden van een traditionele webserver, en worden in plaats hiervan geleverd vanaf punten die geografisch wereldwijd zijn gedistribueerd. Deze distributie maakt het uitvoeren van bestanden veel sneller dan bestanden die zich fysiek dichter bij eindgebruikers bevinden. Daarnaast worden API-eindpunten gehost met behulp van een serverloze architectuur, waardoor er helemaal geen volledige back-end-server meer nodig is.

Belangrijke functies

  • Webhosting voor statische inhoud zoals HTML, CSS, JavaScript en afbeeldingen.
  • Geïntegreerde API-ondersteuning van Azure Functions met de optie om een bestaande Azure Functions-app te koppelen met behulp van een standaardaccount.
  • Eersteklas GitHub- en Azure DevOps-integratie waarbij wijzigingen in de opslagplaats builds en implementaties activeren.
  • Wereldwijd gedistribueerde statische inhoud, waardoor inhoud zich dichter bij de gebruikers bevindt.
  • Gratis SSL-certificaten die automatisch worden verlengd.
  • Aangepaste domeinen om uw app merkaanpassingen te bieden.
  • Naadloos beveiligingsmodel met een omgekeerde proxy bij het aanroepen van API's, waarvoor geen CORS-configuratie is vereist.
  • Integraties van verificatieproviders met Azure Active Directory, GitHub en Twitter.
  • Aanpasbare autorisatieroldefinitie en toewijzingen.
  • Back-end-routeringsregels die volledig beheer mogelijk maken van de inhoud en routes die u levert.
  • Gegenereerde faseringsversies mogelijk gemaakt met pull-aanvragen die preview-versies van uw site mogelijk maken vóór het publiceren.

Wat u kunt doen met Static Web Apps

Volgende stappen

Uw eerste statische app bouwen