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 mondial de diffusion de contenu (CDN) (CDN). 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 savoir comment : installez la CLI ou installer la dernière version.

Étape 2 : Initialiser votre projet

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

firebase init hosting

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

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

    Le projet Firebase sélectionné est votre projet Firebase "par défaut" pour votre répertoire de projets local. Pour connecter d'autres projets Firebase à votre répertoire de projets 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 vous pouvez spécifiez-le plus tard dans votre firebase.json.

      • Si vous sélectionnez le paramètre 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 déjà 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 l'application sur votre site

Pour déployer sur votre site, exécutez la commande suivante à partir de la racine de votre répertoire de 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

En savoir plus sur déploie et teste même localement votre site.

Étapes suivantes

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