| title | description | type | i18nReady |
|---|---|---|---|
Déployez votre site Astro sur Microsoft Azure |
Comment déployer votre site Astro sur le web en utilisant Microsoft Azure. |
deploy |
true |
import { Steps } from '@astrojs/starlight/components';
Azure est une plateforme cloud de Microsoft. Vous pouvez déployer votre site Astro avec le service Static Web Apps de Microsoft Azure.
Ce guide vous explique comment déployer votre site Astro stocké dans GitHub à l'aide de Visual Studio Code. Veuillez vous référer aux guides Microsoft pour l'utilisation d'une tâche Azure Pipelines pour d'autres configurations.
Pour suivre ce guide, vous aurez besoin de :
- Un compte Azure et une clé d'abonnement. Vous pouvez créer un compte Azure gratuit ici.
- Le code de votre application poussé sur GitHub.
- L'extension SWA dans Visual Studio Code.
-
Ouvrez l'extension Static Web Apps, connectez-vous à Azure et cliquez sur le bouton + pour créer une nouvelle Static Web App. Vous serez invité à désigner la clé d'abonnement à utiliser.
-
Suivez l'assistant lancé par l'extension pour donner un nom à votre application, choisir un préréglage de cadre et désigner la racine de l'application (généralement
/) et l'emplacement du fichier construit (utilisez/dist). Astro n'est pas listé dans les modèles intégrés dans Azure, vous devrez donc sélectionnercustom. L'assistant s'exécutera et créera une Action GitHub dans le dossier.githubde votre dépôt. (Ce dossier sera automatiquement créé s'il n'existe pas déjà.)
L'action GitHub va déployer votre application (vous pouvez voir sa progression dans l'onglet Actions de votre repo sur GitHub). Une fois le déploiement terminé, vous pouvez visualiser votre application à l'adresse indiquée dans la fenêtre de progression de l'extension SWA en cliquant sur le bouton Browse Website (qui apparaîtra après l'exécution de l'action GitHub).
L'action GitHub yaml qui est créée pour vous, suppose l'utilisation de node 14. Cela signifie que la construction d'Astro échoue. Pour résoudre ce problème, mettez à jour le fichier package.json de votre projet avec cet extrait.
"engines": {
"node": ">=18.0.0"
},
- [Documentation de Microsoft Azure Static Web Apps](https://learn.microsoft.com/fr-fr/azure/static-web-apps/