Skip to content

Latest commit

 

History

History
132 lines (112 loc) · 4.08 KB

google-firebase.mdx

File metadata and controls

132 lines (112 loc) · 4.08 KB
Raw
title description type i18nReady
Déployez votre site Astro sur l'hébergement Firebase de Google
Comment déployer votre site Astro sur le web en utilisant l'hébergement Firebase de Google.
deploy
true

import { Steps } from '@astrojs/starlight/components'; import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'

Firebase Hosting est un service fourni par la plateforme de développement d'applications Firebase de Google, qui peut être utilisé pour déployer un site Astro.

Voir notre guide séparé pour ajouter des services backend Firebase tels que les bases de données, l'authentification et le stockage.

Configuration du projet

Votre projet Astro peut être déployé sur Firebase en tant que site statique ou en tant que site rendu côté serveur (SSR).

Site statique

Votre projet Astro est un site statique par défaut. Vous n'avez besoin d'aucune configuration supplémentaire pour déployer un site Astro statique sur Firebase.

Adaptateur pour SSR

Pour activer SSR dans votre projet Astro et le déployer sur Firebase, ajoutez l'adaptateur Node.js.

:::note Le déploiement d'un site Astro SSR sur Firebase nécessite le plan Blaze ou une version supérieure. :::

Comment déployer

1. Installez le [Firebase CLI](https://github.com/firebase/firebase-tools). Il s'agit d'un outil de ligne de commande qui vous permet d'interagir avec Firebase à partir du terminal. 
<PackageManagerTabs>
  <Fragment slot="npm">
  ```shell
  npm install firebase-tools
  ```
  </Fragment>
  <Fragment slot="pnpm">
  ```shell
  pnpm add firebase-tools
  ```
  </Fragment>
  <Fragment slot="yarn">
  ```shell
  yarn add firebase-tools
  ```
  </Fragment>
</PackageManagerTabs>

  1. Authentifiez le CLI Firebase avec votre compte Google. Cela ouvrira une fenêtre de navigateur dans laquelle vous pourrez vous connecter à votre compte Google.

    ```shell npx firebase login ``` ```shell pnpm exec firebase login ``` ```shell yarn firebase login ```

  2. Activer le support expérimental des frameworks web. Il s'agit d'une fonctionnalité expérimentale qui permet au CLI Firebase de détecter et de configurer vos paramètres de déploiement pour Astro.

    ```shell npx firebase experiments:enable webframeworks ``` ```shell pnpm exec firebase experiments:enable webframeworks ``` ```shell yarn firebase experiments:enable webframeworks ```

  3. Initialiser Firebase Hosting dans votre projet. Cela créera un fichier firebase.json et .firebaserc à la racine de votre projet.

    ```shell npx firebase init hosting ``` ```shell pnpm exec firebase init hosting ``` ```shell yarn firebase init hosting ```

  4. Déployez votre site sur Firebase Hosting. Cela va construire votre site Astro et le déployer sur Firebase.

    ```shell npx firebase deploy --only hosting ``` ```shell pnpm exec firebase deploy --only hosting ``` ```shell yarn firebase deploy --only hosting ```