Présentation de la technologie
Azure Static Web Apps est un service qui permet de déployer automatiquement des applications web de pile complète sur Azure à partir d’un dépôt de code. Ce service est particulièrement adapté aux applications web statiques créées avec des frameworks comme Angular, React, Svelte, Vue ou Blazor, où le rendu côté serveur n’est pas nécessaire.
Principaux avantages :
- Hébergement web pour contenu statique (HTML, CSS, JavaScript, images)
- API intégrée via Azure Functions
- Intégration native avec GitHub et Azure DevOps
- Distribution mondiale du contenu statique
- Certificats SSL gratuits et automatiquement renouvelés
- Domaines personnalisés
- Authentification et autorisation intégrées
- Règles de routage avancées
Mise en place technique
- Création de l’application Static Web App :
- Dans le portail Azure, recherchez « Static Web Apps »
- Cliquez sur « Créer »
- Renseignez les détails du projet (abonnement, groupe de ressources)
- Configurez les détails de l’application (nom, région)
- Associez votre compte GitHub ou Azure DevOps
- Sélectionnez le dépôt et la branche à utiliser
- Configuration du build :
- Choisissez le preset de build correspondant à votre framework
- Spécifiez les emplacements des fichiers source et de sortie
- Déploiement :
- Azure Static Web Apps crée automatiquement un workflow GitHub Actions
- Le workflow se déclenche à chaque push sur la branche configurée
- Configuration API (optionnel) :
- Créez une fonction Azure dans le dossier /api de votre projet
- Le service intègre automatiquement l’API à votre application
Exploitation technique courante
- Gestion des déploiements :
- Surveillez les déploiements via l’onglet « GitHub Actions » de votre dépôt
- Utilisez les environnements de préproduction pour tester les changements
- Personnalisation du routage :
- Créez un fichier staticwebapp.config.json à la racine du projet
- Définissez des règles de routage personnalisées
- Sécurité et authentification :
- Configurez l’authentification via le portail Azure
- Utilisez les rôles prédéfinis ou créez des rôles personnalisés
- Surveillance et diagnostics :
- Utilisez Azure Monitor pour suivre les métriques de performance
- Consultez les journaux de déploiement pour diagnostiquer les problèmes
- Optimisation :
- Utilisez un CDN pour améliorer les performances globales
- Optimisez vos assets statiques (minification, compression)
En maîtrisant ces aspects, vous serez en mesure d’exploiter efficacement Azure Static Web Apps pour déployer et gérer des applications web modernes avec une intégration CI/CD fluide et des fonctionnalités avancées de sécurité et de performance.
