Premiers pas avec Firebase Hosting

Firebase Hosting vous permet d'héberger les éléments statiques de votre application (HTML, CSS, JavaScript, fichiers multimédias, etc.) de manière rapide, sécurisée et fiable, ainsi que de diffuser du contenu dynamique et d'héberger des microservices.

Notre hébergement de production s'appuie sur un réseau de diffusion de contenu (CDN) mondial. Par défaut, Hosting diffuse votre contenu via SSL et peut être utilisé avec votre propre domaine personnalisé ou sur les sous-domaines de votre projet sans frais sur web.app et firebaseapp.com.

Avant de commencer

Avant de pouvoir configurer Firebase Hosting, vous devez créer un projet Firebase.

Étape 1 : Installer la CLI Firebase

Consultez la documentation de la CLI Firebase pour découvrir comment installer la CLI ou passer à sa dernière version.

Étape 2 : Initialiser votre projet

Pour connecter vos fichiers de projet locaux à votre projet Firebase, exécutez la commande suivante à partir de la racine du répertoire local de votre projet:

firebase init hosting

Lors de l'initialisation du projet, à partir des invites de la CLI Firebase :

  1. Sélectionnez un projet Firebase à connecter à votre répertoire de projet local.

    Le projet Firebase sélectionné est votre projet Firebase "par défaut" pour votre répertoire de projets local. Pour associer des projets Firebase supplémentaires à votre répertoire de projet local, configurez des alias de projet.

  2. Spécifiez un répertoire à utiliser comme répertoire racine public.

    Ce répertoire contient tous vos fichiers statiques diffusés publiquement, y compris votre fichier index.html et tous les autres éléments que vous souhaitez déployer dans Firebase Hosting.

    • La valeur par défaut du répertoire racine public est public.

      • Vous pouvez spécifier votre répertoire racine public maintenant ou plus tard dans votre fichier de configuration firebase.json.

      • Si vous sélectionnez le répertoire par défaut et que vous n'avez pas encore de répertoire appelé public, Firebase le crée pour vous.

    • Si vous ne disposez pas encore d'un fichier index.html ou 404.html valide dans votre répertoire racine public, Firebase les crée pour vous.

  3. Choisissez une configuration pour votre site.

    Si vous choisissez de créer une application monopage, Firebase ajoute automatiquement des configurations de réécriture.

À la fin de l'initialisation, Firebase crée et ajoute automatiquement deux fichiers à la racine de votre répertoire d'application local :

Étape 3 : Déployer sur votre site

Pour déployer sur votre site, exécutez la commande suivante à partir de la racine du répertoire de votre projet local:

firebase deploy --only hosting

Cette commande déploie votre contenu et votre configuration Hosting sur les sous-domaines gérés par Firebase suivants :

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

Découvrez comment déployer et même tester votre site en local.

Étapes suivantes

Votre site est maintenant prêt à être partagé avec le monde entier.