Aller au contenu

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éalables

Pour suivre ce guide, vous aurez besoin de :

Comment déployer

Titre de la section Comment déployer

  1. Ouvrez votre projet dans VS Code.

  2. 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.

  3. 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électionner custom. L’assistant s’exécutera et créera une Action GitHub dans le dossier .github de 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 connus

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"
  },

Ressources officielles

Titre de la section Ressources officielles

Ressources de la communauté

Titre de la section Ressources de la communauté

Plus de guides de déploiement