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 :
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 .
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 fichier404.html
valide 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 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 :
Un fichier de configuration
firebase.json
qui répertorie la configuration de votre projet. En savoir plus sur ce fichier sur la page de configuration du comportement d'hébergement .Un fichier
.firebaserc
qui stocke vos alias de projet .
É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 !
Continuez à améliorer votre site. Testez localement, partagez les modifications sur une URL d'aperçu temporaire, puis déployez-les sur votre site en ligne. Suivez ce guide étape par étape .
En savoir plus sur les autres capacité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 Google Cloud Console.
- Surveillez le tableau de bord d'utilisation et de facturation dans la console Firebase pour obtenir une vue d'ensemble de l'utilisation de votre projet sur plusieurs services Firebase. Vous pouvez également visiter le tableau de bord d'utilisation de l'hébergement pour des informations d'utilisation plus détaillées.
- Consultez la liste de contrôle de lancement de Firebase .