Commencez avec l'hébergement Firebase

Firebase Hosting vous offre un moyen rapide, sécurisé et fiable d'héberger les ressources 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 mondial de diffusion de contenu (CDN). L'hébergement sert 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 que tu commences

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

Étape 1 : Installez la CLI Firebase

Consultez la documentation Firebase CLI pour savoir comment installer la CLI ou mettre à jour vers sa dernière version .

Étape 2 : Initialisez votre projet

Pour connecter vos fichiers de projet local à votre projet Firebase, exécutez la commande suivante à partir de 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 pour vous connecter à 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 connecter 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 actifs que vous souhaitez déployer sur Firebase Hosting.

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

      • Vous pouvez spécifier votre répertoire racine public maintenant ou vous pouvez le spécifier plus tard dans votre fichier de configuration 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 des configurations de réécriture pour vous.

A 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éployez 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 d'hébergement et votre configuration sur les sous-domaines suivants fournis par Firebase :

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

Apprenez-en davantage sur les déploiements et même sur les tests locaux de votre site .

Prochaines étapes

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