Qu’est-ce qu’Azure Static Web Apps ?

Azure Static Web Apps est un service qui génère et déploie automatiquement des applications web de pile complète sur Azure à partir d’un dépôt de code.

Azure Static Web Apps overview diagram.

Le flux de travail Azure Static Web Apps est adapté au flux de travail quotidien des développeurs. Les applications sont générées et déployées sur la base des modifications du code.

Lorsque vous créez une ressource Azure Static Web Apps, Azure interagit directement avec GitHub ou Azure DevOps pour superviser une branche de votre choix. Chaque fois que vous envoyez des validations ou que vous acceptez des demandes de tirage dans la branche surveillée, une exécution est automatiquement lancée et votre application ainsi que l’API sont déployées sur Azure.

Les applications web statiques sont généralement créées à l’aide de bibliothèques et d’infrastructures web comme Angular, React, Svelte, Vue ou Blazor, où le rendu côté serveur n’est pas obligatoire. Ces applications comprennent du code HTML, CSS, JavaScript et des images, qui composent l’application. Avec un serveur web traditionnel, ces ressources sont fournies à partir d’un seul serveur et de tous les points de terminaison d’API requis.

Avec les applications Static Web Apps, les ressources statiques sont séparées d’un serveur Web traditionnel et sont servies à partir de points répartis géographiquement dans le monde entier. Cette distribution rend le transfert des fichiers plus rapide, car les fichiers sont physiquement proches des utilisateurs finaux. En outre, les points de terminaison d’API sont hébergés à l’aide d’une architecture serverless, ce qui évite d’avoir à utiliser un serveur principal complet.

Fonctionnalités clés

  • Hébergement web pour le contenu statique comme le HTML, le CSS, le JavaScript et les images.
  • Prise en charge d’API intégrée fournie par la solution Azure Functions managée, avec la possibilité de lier une application de fonction, une application web, une application conteneur ou une instance de Gestion des API existante en utilisant un compte standard. Si vous avez besoin de votre API dans une région qui ne prend pas en charge des fonctions managées, vous pouvez apporter vos propres fonctions dans votre application.
  • Intégration Azure DevOps et GitHub de première classe dans laquelle les modifications du référentiel déclenchent des créations et des déploiements.
  • contenu statique distribué à l’échelle mondiale, ce qui rapproche le contenu de vos utilisateurs.
  • Certificats SSL gratuits, automatiquement renouvelés.
  • Domaines personnalisés pour fournir des personnalisations à votre application.
  • Modèle de sécurité transparent avec proxy inverse lors de l’appel des API, ce qui ne requiert aucune configuration CORS.
  • Intégrations de fournisseurs d’authentification avec Microsoft Entra ID et GitHub.
  • Définition de rôle d’autorisation personnalisable et assignations.
  • Règles d’acheminement principales offrant un contrôle total sur le contenu et sur vos les itinéraires.
  • Les versions intermédiaires générées basées sur les demandes de tirage (pull request) pour activer les versions préliminaires de votre site avant publication.
  • Prise en charge de l’interface Azure CLI pour créer des ressources cloud et via l’interface CLI Azure Static Web Apps pour le développement local.

Ce que vous pouvez faire avec les applications Static Web Apps

  • Créez des applications web modernes avec des infrastructures et bibliothèques JavaScript comme Angular, React, Svelte et Vue, ou utilisez Blazor pour créer des applications WebAssembly, avec un back-end Azure Functions.
  • Publier des sites statiques avec des frameworks comme Gatsby, Hugo, VuePress.
  • Déployer des applications web avec des frameworks comme Next.js et Nuxt.js.

Étapes suivantes