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 servir du contenu dynamique et d'héberger des microservices .
Notre hébergement de niveau 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 gratuits de votre projet 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 : installer la CLI Firebase
Consultez la documentation de la CLI Firebase pour savoir comment installer la CLI ou mettre à jour sa dernière version .
Étape 2 : initialisez votre projet
Pour connecter vos fichiers de projet locaux à votre projet Firebase, exécutez la commande suivante à partir de la racine de votre répertoire de 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 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 ne disposez pas déjà d'un répertoire appelé
public
, Firebase le crée pour vous.
Si vous ne disposez pas déjà d'un fichier
index.html
ou404.html
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 de votre répertoire local d'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 les alias de votre projet .
Étape 3 : déployer sur votre site
Pour déployer sur 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 votre contenu d'hébergement et votre configuration dans les sous-domaines fournis par Firebase suivants:
-
PROJECT_ID .web.app
-
PROJECT_ID .firebaseapp.com
En savoir plus sur les déploiements et même sur le test local 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 sur votre site en ligne. Suivez ce guide étape par étape .
En savoir plus sur les capacités d'hébergement supplémentaires:
Jetez un œil à 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 votre tableau de bord d'utilisation et de facturation dans la console Firebase. Vous pouvez également surveiller votre tableau de bord d'utilisation de l'hébergement .
- Consultez la liste de contrôle de lancement de Firebase .