Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 21 additions & 2 deletions src/content/docs/fr/guides/deploy/microsoft-azure.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,9 @@ i18nReady: true

[Azure](https://azure.microsoft.com/) est une plateforme cloud de Microsoft. Vous pouvez déployer votre site Astro avec le service [Static Web Apps](https://aka.ms/staticwebapps) de Microsoft Azure.

## Conditions préalables
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](https://learn.microsoft.com/en-us/azure/devops/pipelines/tasks/reference/azure-static-web-app-v0?view=azure-pipelines) pour d'autres configurations.

## Conditions préalables
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](https://azure.microsoft.com/free).
Expand All @@ -21,6 +22,24 @@ Pour suivre ce guide, vous aurez besoin de :

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 `/dist`. L'assistant s'exécutera et créera une [Action GitHub](https://github.com/features/actions) dans le dossier `.github` de votre dépôt. (Ce dossier sera automatiquement créé s'il n'existe pas déjà).
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](https://github.com/features/actions) 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
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

- [Documentation de Microsoft Azure Static Web Apps](https://learn.microsoft.com/fr-fr/azure/static-web-apps/

## Ressources de la communauté

- [Déploiement d'un site web Astro vers Azure Static Web Apps](https://www.blueboxes.co.uk/deploying-an-astro-website-to-azure-static-web-apps)