Premiers pas avec l'hébergement Firebase

Firebase Hosting vous donne un moyen rapide, sécurisé et fiable pour héberger les actifs statiques de votre application (HTML, CSS, JavaScript, fichiers multimédia, etc.), ainsi que de contenu dynamique et microservices hôte .

Notre hébergement de qualité production est soutenu par un réseau mondial de diffusion de contenu (CDN). Hébergement sert votre contenu via SSL, par défaut, et peut être utilisé avec votre propre domaine personnalisé ou sur des sous - domaines gratuits de votre projet sur web.app et firebaseapp.com .

Avant que tu commences

Avant de pouvoir mettre en place Firebase d' hébergement, vous devez créer un projet Firebase .

Etape 1: Installez la CLI Firebase

Visitez la documentation Firebase CLI pour savoir comment installer la CLI ou mise à jour à sa dernière version .

Étape 2: Initialiser 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 :

  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 dans votre répertoire local du projet, mis en place des alias de projet .

  2. Spécifiez un répertoire à utiliser comme répertoire racine public.

    Ce répertoire contient tous vos fichiers statiques publiquement servi, y compris votre index.html fichier et tout autre actif que vous souhaitez déployer à Firebase d' hébergement.

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

      • Vous pouvez maintenant spécifier votre répertoire racine publique ou vous pouvez spécifier ultérieurement dans votre firebase.json fichier de configuration.

      • Si vous sélectionnez la valeur par défaut et ne pas déjà un répertoire appelé public , Firebase crée pour vous.

    • Si vous ne possédez pas déjà un valide index.html fichier ou 404.html fichier dans votre répertoire racine publique, Firebase les crée pour vous.

  3. Choisissez une configuration pour votre site.

    Si vous choisissez de faire une application d' une page, puis Firebase ajoute automatiquement les configurations ré - écriture pour vous.

À la fin de l'initialisation, Firebase crée et ajoute automatiquement deux fichiers à la racine de votre répertoire d'application local :

Étape 3: Déploiement 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 et votre configuration d'hébergement sur les sous-domaines provisionnés par Firebase suivants :

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

En savoir plus sur Déploie et même tester localement votre site .

Prochaines étapes

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