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 le sous-domaines 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: Installez 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 le 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 à connecter à votre répertoire de projet local.

    Le projet Firebase sélectionné est votre projet "par défaut" un projet Firebase pour votre répertoire de projet local. Pour associer d'autres projets Firebase à votre 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 le fichier index.html et tout autre élément sur lequel vous souhaitez le déployer. 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 la valeur par défaut et que vous n'avez pas encore de répertoire appelé public, Firebase le crée pour vous.

    • Si vous n'avez pas encore de 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 d'une page, Firebase ajoute automatiquement configurations de réécriture.

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

Étape 3: Déployer l'application sur votre site

Pour déployer l'application sur votre site, exécutez la commande suivante depuis la racine de votre répertoire local dans le répertoire du projet:

firebase deploy --only hosting

Cette commande déploie votre contenu et votre configuration Hosting dans les emplacements suivants : Sous-domaines provisionnés par Firebase:

  • 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 !