Introduction

Dans le monde du développement web, la performance et la simplicité de déploiement sont des critères essentiels pour le succès d’une application.

Azure Static Web Apps est un service offert par Microsoft, en GA depuis Mai 2021, qui répond à ces besoins en fournissant une plateforme optimisée pour l’hébergement de sites web statiques avec des fonctionnalités dynamiques intégrées.

Qu’est-ce que Azure Static Web Apps ?

Azure Static Web Apps est un service qui automatise la construction et le déploiement d’applications web complètes sur Azure à partir d’un repository de code tel qu'Azure DevOps ou GitHub. Cette solution est idéale pour les applications construites avec des bibliothèques et des frameworks web tels que Angular, React, Svelte, Vue ou Blazor, où le rendu côté serveur n’est pas nécessaire.

Caractéristiques Principales

• Hébergement Web : Pour le contenu statique comme HTML, CSS, JavaScript et les images.

• Support API Intégré : Fourni par Azure Functions géré, avec l’option de lier une application de fonction existante.

• Intégration GitHub et Azure DevOps : Les changements de dépôt déclenchent des constructions et des déploiements.

• Contenu Statique Distribué Globalement : Mettant le contenu plus près de vos utilisateurs.

• Certificats SSL Gratuits : Renouvelés automatiquement.

• Domaines Personnalisés : Pour une personnalisation de marque de votre application.

• Modèle de Sécurité Transparent : Avec un reverse-proxy lors de l’appel aux API, ne nécessitant aucune configuration CORS.

• Intégrations de Fournisseurs d’Authentification : Avec Microsoft Entra ID et GitHub.

• Règles de Routage Backend : Permettant un contrôle total sur le contenu et les routes que vous servez.

Comment Démarrer avec Azure Static Web Apps ?

Pour commencer avec Azure Static Web Apps, vous devez avoir un compte GitHub et un abonnement Azure. Vous pouvez utiliser un modèle de dépôt GitHub pour déployer facilement une application de démarrage sur Azure Static Web Apps.

Azure Static Web Apps vs Static Website

Lorsqu’il s’agit de déployer des applications web, les développeurs sont confrontés à un éventail de choix, chacun avec ses propres avantages et cas d’utilisation spécifiques. Parmi ces options, Azure Static Web Apps et les Static Websites (via un Azure blob storage) se distinguent comme deux solutions populaires.

Azure Static Web Apps

• Intégration CI/CD : Intégration native avec GitHub et Azure DevOps pour un déploiement continu dès que le code est validé.

• Environnements de préproduction : Provisionnement automatique d’environnements de staging pour prévisualiser les versions du site avant publication.

• APIs Intégrées : Support intégré pour Azure Functions, permettant une expérience serverless complète. (JavaScript, TypeScript, Python et C#)

• Authentification et Autorisation : Intégration facile avec des fournisseurs d’authentification comme Azure Active Directory, GitHub et Twitter.

• Règles de Routage Avancées : Contrôle complet sur le contenu et les routes servies, avec des définitions de rôles personnalisables.

• SSL Gratuit : Certificats SSL gratuits et renouvelés automatiquement.

• Domaines Personnalisés : Possibilité d’associer des domaines personnalisés à l’application.

Static Website (Azure Blob Storage)

• Simplicité : Facilité d’utilisation si vous êtes déjà familier avec Azure Blob Storage.

• Coût : Potentiellement moins cher pour des cas d’utilisation très basiques sans besoin de fonctionnalités supplémentaires.

• Conteneur $web : Lorsque la fonctionnalité de site web statique est activée, un conteneur $web est créé dans le compte de stockage Azure.

En résumé

Azure Static Web Apps est idéal pour les applications web modernes qui bénéficient d’une intégration CI/CD et de fonctions serverless.

Pour des projets plus simples et moins coûteux, un site web statique sur Azure Blob Storage pourrait être suffisant.

Conclusion

Azure Static Web Apps est une solution robuste pour les développeurs cherchant à déployer rapidement et efficacement des applications web modernes. Avec ses nombreuses fonctionnalités et son intégration facile avec les outils de développement existants, Azure Static Web Apps se positionne comme un choix de premier plan pour l’hébergement d’applications web statiques.

Liens

• Microsoft Learn :
  https://learn.microsoft.com/fr-fr/training/paths/azure-static-web-apps/

• Microsoft Azure :
  https://azure.microsoft.com/fr-fr/products/app-service/static

• Extension VS Code:
  https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps