Che cos'è App Web statiche di Azure?

App Web statiche di Azure è un servizio che consente di creare e distribuire automaticamente in Azure app Web con stack completo da un repository di codice.

Azure Static Web Apps overview diagram.

Il flusso di lavoro di App Web statiche di Azure è personalizzato in base al flusso di lavoro giornaliero di uno sviluppatore. Le app vengono compilate e distribuite in base alle modifiche al codice.

Quando si crea una risorsa App Web statiche di Azure, Azure interagisce direttamente con GitHub o Azure DevOps per monitorare un ramo preferito. Ogni volta che si esegue il push di commit o si accettano richieste pull nel ramo watched, viene eseguita automaticamente una compilazione e l'app e l'API vengono distribuite in Azure.

Le app Web statiche vengono comunemente compilate usando librerie e framework Web come Angular, React, Svelte, Vue o Blazor, in cui il rendering lato server non è obbligatorio. Queste app includono asset HTML, CSS, JavaScript e immagine che costituiscono l'applicazione. Con un server Web tradizionale, questi asset vengono gestiti da un unico server unitamente a tutti gli endpoint API necessari.

Con App Web statiche gli asset statici vengono separati da un server Web tradizionale e sono gestiti da punti distribuiti geograficamente in tutto il mondo. Questa distribuzione accelera notevolmente la disponibilità dei file, perché i file sono fisicamente più vicini agli utenti finali. Inoltre, gli endpoint API sono ospitati usando un'architettura serverless, che evita completamente la necessità di un server back-end completo.

Funzionalità chiave

  • Hosting Web per contenuti statici, come HTML, CSS, JavaScript e immagini.
  • Supporto integrato dell'API fornito da Funzioni di Azure gestito, con l'opzione per collegare un'app per le funzioni, un'app Web, un'app contenitore o Gestione API istanza usando un account standard. Se è necessaria l'API in un'area che non supporta funzioni gestite, è possibile usare funzioni personalizzate per l'app.
  • Integrazione di GitHub e Azure DevOps di prima classe che consente alle modifiche del repository di attivare compilazioni e distribuzioni.
  • Contenuto statico distribuito a livello globale, per avvicinare il contenuto agli utenti.
  • Certificati SSL gratuiti, che vengono rinnovati automaticamente.
  • Domini personalizzati per aggiungere personalizzazioni all'app.
  • Modello di sicurezza automatico con proxy inverso quando si chiamano le API, che non richiede alcuna configurazione CORS.
  • Integrazioni del provider di autenticazione con Microsoft Entra ID e GitHub.
  • Definizione e assegnazione di ruoli di autorizzazione personalizzabili.
  • Regole di routing back-end per il controllo completo sul contenuto e sulle route gestite.
  • Generazione di versioni di staging basate su richieste pull che consentono di creare versioni di anteprima del sito prima della pubblicazione.
  • Supporto dell'interfaccia della riga di comando tramite l'interfaccia della riga di comando di Azure per creare risorse cloud e tramite l'interfaccia della riga di comando di App Web statiche di Azure per lo sviluppo locale.

Operazioni possibili con App Web statiche

Passaggi successivi