Catch up on highlights from Firebase at Google I/O 2023. Learn more

Premiers pas avec l'hébergement Firebase

Firebase Hosting vous offre un moyen rapide, sécurisé et fiable d'héberger les actifs 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 de l'interface de ligne de commande Firebase pour savoir comment installer l'interface de ligne de commande ou mettre à jour vers sa dernière version .

Etape 2 : Initialisez votre projet

Pour connecter vos fichiers de projet locaux à 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 tout autre élément 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 le spécifier ultérieurement 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 ne disposez pas déjà d'un fichier index.html ou d'un fichier 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.

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

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

Prochaines étapes

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