Che cos'è App Web statiche di Azure?

App Web statiche di Azure è un servizio che distribuisce automaticamente app Web stack complete in Azure da un repository di codice.

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 un'app Web statica, 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 controllato, viene eseguita automaticamente una compilazione e app e 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. Per ospitare gli endpoint dell'API si usa inoltre un'architettura serverless, che consente di evitare l'uso di un server back-end completo.

Funzionalità principali

• Hosting Web per contenuti statici, come HTML, CSS, JavaScript e immagini.
• Supporto integrato API fornito da Funzioni di Azure gestite, con la possibilità di collegare un'app per le funzioni, un'app Web, un'app contenitore o un'istanza di gestione API esistente 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

• Creare applicazioni Web moderne con framework e librerie JavaScript quali Angular, React, Svelte, Vue o usando Blazor per creare applicazioni WebAssembly con Funzioni di Azure come back-end.
• Pubblicare siti statici con framework come Gatsby, Hugo, VuePress.
• Distribuire applicazioni Web con framework come Next.js e Nuxt.js.

Passaggi successivi

Creare la prima app statica