Nel mondo digitale di oggi, è essenziale per le aziende e gli sviluppatori creare e distribuire rapidamente applicazioni web affidabili ed efficienti. Tuttavia, tradizionalmente, questa attività poteva comportare alcune sfide, come la gestione delle risorse di hosting, la configurazione dei server e l'implementazione delle funzionalità richieste.
Azure, la piattaforma di cloud computing di Microsoft, offre diverse soluzioni per l'hosting di applicazioni web, tra cui Azure Web App e Azure Storage. Azure Web App offre un'infrastruttura di hosting scalabile e gestita, consentendo agli sviluppatori di distribuire e gestire applicazioni web in modo semplice. D'altra parte, Azure Storage offre un modo efficiente per archiviare e recuperare dati statici come immagini, file CSS e JavaScript, ma non sufficiente per limitazioni con i domini e la gestione degli ambienti. Le applicazioni web statiche sono costituite principalmente da file HTML, CSS e JavaScript che non richiedono elaborazione lato server. Pertanto, l'utilizzo di soluzioni come Azure Web App potrebbe essere eccessivo in termini di complessità e costi per tali applicazioni.
Ed è qui che entra in gioco Azure Static Web App, una soluzione specificamente progettata per l'hosting di applicazioni web statiche. Offre un ambiente di hosting semplificato, scalabile e gestito, dedicato alle applicazioni web statiche, consentendo agli sviluppatori di distribuire le proprie applicazioni in modo rapido ed efficiente. Azure Static Web App offre anche funzionalità di reindirizzamento, routing e autenticazione integrata.
Il billing, infine, è piuttosto semplice, perché oltre al piano free che comprende comunque una discreta capacità per supportare lo sviluppo, il piano standard ha costi molto contenuti e proporzionati al traffico.
Per capire come usare questo servizio effettuiamo i primi passi, come al solito, sul portale per la creazione della risorsa. Ci viene chiesto il nome della risorsa e come vogliamo agganciare i sorgenti, oggetto di un futuro script.

Creato il tutto ci viene già messo a disposizione un indirizzo randomico con il dominio *.azurestaticapps.net e una serie di sezioni per gestire APIs collegate, autenticazione e domini. Per caricare i nostri file, però, non utilizziamo strumenti come FTP, ma possiamo utilizzare una CLI appositamente creata per testare localmente, gestire le build e per effettuare il deploy. Procediamo sulla nostra macchina, quindi, ad installare l'utility.
npm install -g @azure/static-web-apps-cli
Prepariamo una nuova cartella radice e in essa inseriamo una cartella public con i nostri primi file statici, come per esempio public/index.html. Apriamo la shell ed entriamo nella cartella radice per effettuare il nostro primo deploy lanciando il seguente comando.
swa deploy --env production --app-name [nome app] -R [resource-group] --app-location public
La procedura chiederà di effettuare il login e la sottoscrizione di riferimento, provvedendo poi a caricare in produzione i file che possiamo subito visualizzare aprendo il collegamento visibile dal portale.

Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Generare velocemente pagine CRUD in Blazor con QuickGrid
Utilizzare il metodo ExceptBy per eseguire operazione di sottrazione tra liste
Ottimizzare le pull con Artifact Cache di Azure Container Registry
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core
Triggerare una pipeline su un altro repository di Azure DevOps
Eseguire query in contemporanea con EF
Testare l'invio dei messaggi con Event Hubs Data Explorer
Utilizzare DeepSeek R1 con Azure AI
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Rendere i propri workflow e le GitHub Action utilizzate più sicure
I più letti di oggi
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Utilizzare il pattern matching per semplificare le espressioni
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Utilizzare requestAnimationFrame per animazioni fluide
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!