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.

Diagramme de présentation d’Azure Static Web Apps

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 (pull request) dans la branche surveillée, une build est automatiquement exécuté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 de frameworks 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 Azure Functions avec l’option permettant de lier une application Azure Functions existante en utilisant un compte standard.
  • Intégration Azure DevOps et GitHub de première classe dans laquelle les modifications du dépôt déclenchent des builds 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 Azure Active Directory, GitHub et Twitter.
  • 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.

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