Firebase Hosting vous offre un moyen rapide, sécurisé et fiable d'héberger les éléments statiques de votre application (fichiers HTML, CSS, JavaScript, multimédias, etc.), ainsi que de diffuser du contenu dynamique et d'héberger des microservices.
Notre hébergement de niveau production s'appuie sur un réseau de diffusion de contenu (CDN) mondial. Hosting diffuse votre contenu via SSL par défaut. Vous pouvez l'utiliser 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 : Installez 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 associer 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 :
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 le répertoire de projet local. Pour associer d'autres projets Firebase à votre répertoire de projet local, configurez des alias de projet.
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.htmlet tous les autres éléments que vous souhaitez déployer sur Firebase Hosting.Le répertoire racine public par défaut est appelé
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 le répertoire 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.htmlou404.htmlvalide dans votre répertoire racine public, Firebase les crée pour vous.
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 local de votre application :
Un fichier de configuration
firebase.jsonqui liste la configuration de votre projet. Pour en savoir plus sur ce fichier, consultez la page Configurer le comportement d'hébergement.Un fichier
.firebasercqui stocke vos alias de projet.
Étape 3 : Déployer sur votre site
Pour déployer votre site, exécutez la commande suivante à partir de la racine de votre répertoire de projet local :
firebase deploy --only hosting
Cette commande déploie le contenu et la configuration de votre Hosting vers les sous-domaines provisionnés par Firebase suivants :
PROJECT_ID.web.appPROJECT_ID.firebaseapp.com
En savoir plus sur les déploiements et les tests locaux de votre site
Étapes suivantes
Votre site est maintenant prêt à être partagé avec le monde entier !
Continuez à améliorer votre site. Testez localement, partagez les modifications à l'aide d'une URL d'aperçu temporaire, puis déployez-les sur votre site en ligne. Suivez ce guide par étapes.
Découvrez d'autres fonctionnalités d'hébergement :
Consultez la documentation complète de la CLI Firebase.
Préparez-vous à lancer votre application :
- Configurez des alertes budgétaires pour votre projet dans la console Google Cloud.
- Surveillez le tableau de bord "Utilisation et facturation" de la console Firebase pour obtenir une vue d'ensemble de l'utilisation de votre projet dans plusieurs services Firebase. Vous pouvez également consulter le tableau de bord Hosting Utilisation pour obtenir des informations plus détaillées sur l'utilisation.
- Consultez la checklist de lancement de Firebase.