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 niveau production est assuré par 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 savoir comment installer la CLI ou passer à sa 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 associer 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.

    • Le répertoire racine public par défaut est appelé 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 la valeur par défaut et que vous ne disposez pas déjà d'un répertoire nommé 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 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.