Premiers pas avec Firebase Hosting

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

Notre hébergement de qualité production est soutenu par un réseau de diffusion de contenu (CDN) mondial. Hosting diffuse votre contenu via SSL, par défaut, 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 Firebase CLI

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

Étape 2 : Initialiser votre projet

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

firebase init hosting

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

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

    Le projet Firebase sélectionné est votre projet Firebase "par défaut" pour votre répertoire de projet local. Pour associer d'autres projets Firebase à votre répertoire de projet en 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 index.html fichier et tous les autres éléments que vous souhaitez déployer sur Firebase Hosting.

    • Applications statiques : si vous déployez une application statique :

      • 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 le spécifier ultérieurement dans votre firebase.json fichier de configuration.

      • Si vous sélectionnez la valeur par défaut et que vous n'avez pas encore de répertoire nommé 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.

    • Activer App Hosting : si la CLI détecte des fonctionnalités d' un framework Web SSR comme Next.js ou Angular Universal, elle peut recommander d'initialiser Firebase App Hosting à la place. App Hosting est la solution de déploiement recommandée pour les applications de framework full stack. Vous pouvez poursuivre la configuration de App Hosting ou continuer avec Hosting (classique) pour les déploiements statiques uniquement.

  3. Choisissez une configuration pour votre site.

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

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

Étape 3 : Déployer sur votre site

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

firebase deploy --only hosting

Cette commande déploie le contenu et la configuration de votre Hosting sur les sous-domaines provisionnés par Firebase suivants :

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

En savoir plus sur les déploiements et même sur les tests locaux de votre site.

Étapes suivantes

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