Déployez votre site Astro sur Microsoft Azure
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.
Conditions préalables
Titre de la section Conditions préalablesPour 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.
Comment déployer
Titre de la section Comment déployer-
Ouvrez votre projet dans VS 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).
Problèmes connus
Titre de la section Problèmes connusL’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" },Ressources officielles
Titre de la section Ressources officielles- [Documentation de Microsoft Azure Static Web Apps](https://learn.microsoft.com/fr-fr/azure/static-web-apps/
Ressources de la communauté
Titre de la section Ressources de la communauté- Déploiement d’un site web Astro vers Azure Static Web Apps
- Déployer un site statique Astro vers Azure Static Web Apps à l’aide d’actions GitHub
