Présentation d’Azure Static Web Apps - PréversionWhat is Azure Static Web Apps Preview?

Azure Static Web Apps est un service qui compile et déploie automatiquement des applications web de pile complètes dans Azure à partir d’un référentiel GitHub.Azure Static Web Apps is a service that automatically builds and deploys full stack web apps to Azure from a GitHub repository.

Vue d’ensemble de Static Web Apps

Le flux de travail Azure Static Web Apps est adapté au flux de travail quotidien des développeurs.The workflow of Azure Static Web Apps is tailored to a developer's daily workflow. Les applications sont générées et déployées en fonction d’interactions GitHub.Apps are built and deployed based off GitHub interactions.

Lorsque vous créez une ressource de Azure Static Web Apps, Azure configure un flux de travail GitHub Actions dans le référentiel de code source de l’application, qui surveille une branche de votre choix.When you create an Azure Static Web Apps resource, Azure sets up a GitHub Actions workflow in the app's source code repository that monitors a branch of your choice. Chaque fois que vous envoyez des validations ou que vous acceptez des demandes de tirage (pull request) dans la branche surveillée, GitHub Actions compile et déploie automatiquement votre application et son API sur Azure.Every time you push commits or accept pull requests into the watched branch, the GitHub Action automatically builds and deploys your app and its API to Azure.

Les applications web statiques sont généralement créées à l'aide de bibliothèques et d'infrastructures comme Angular, React, Svelte, Vue ou Blazor.Static web apps are commonly built using libraries and frameworks like Angular, React, Svelte, Vue, or Blazor. Ces applications comprennent du code HTML, CSS, JavaScript et des images, qui composent l’application.These apps include HTML, CSS, JavaScript, and image assets that make up the 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.With a traditional web server, these assets are served from a single server alongside any required API endpoints.

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.With Static Web Apps, static assets are separated from a traditional web server and are instead served from points geographically distributed around the world. Cette distribution rend le transfert des fichiers plus rapide, car les fichiers sont physiquement proches des utilisateurs finaux.This distribution makes serving files much faster as files are physically closer to end users. 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.In addition, API endpoints are hosted using a serverless architecture, which avoids the need for a full back-end server all together.

Fonctionnalités clésKey features

  • Hébergement web pour le contenu statique comme le HTML, le CSS, le JavaScript et les images.Web hosting for static content like HTML, CSS, JavaScript, and images.
  • Prise en charge d’API intégrée fournie par Azure Functions.Integrated API support provided by Azure Functions.
  • Intégration GitHub de première classe dans laquelle les modifications du référentiel déclenchent des compilations et des déploiements.First-class GitHub integration where repository changes trigger builds and deployments.
  • contenu statique distribué à l’échelle mondiale, ce qui rapproche le contenu de vos utilisateurs.Globally distributed static content, putting content closer to your users.
  • Certificats SSL gratuits, automatiquement renouvelés.Free SSL certificates, which are automatically renewed.
  • Domaines personnalisés pour fournir des personnalisations à votre application.Custom domains to provide branded customizations to your app.
  • Modèle de sécurité transparent avec proxy inverse lors de l’appel des API, ce qui ne requiert aucune configuration CORS.Seamless security model with a reverse-proxy when calling APIs, which requires no CORS configuration.
  • Intégrations de fournisseurs d’authentification avec Azure Active Directory, Facebook, Google, GitHub et Twitter.Authentication provider integrations with Azure Active Directory, Facebook, Google, GitHub, and Twitter.
  • Définition de rôle d’autorisation personnalisable et assignations.Customizable authorization role definition and assignments.
  • Règles d’acheminement principales offrant un contrôle total sur le contenu et sur vos les itinéraires.Back-end routing rules enabling full control over the content and routes you serve.
  • 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.Generated staging versions powered by pull requests enabling preview versions of your site before publishing.

Ce que vous pouvez faire avec les applications Static Web AppsWhat you can do with Static Web Apps

Étapes suivantesNext steps