HTML 5 - 6.2 : Publier gratuitement sur firebase

Firebase Hosting permet de déployer gratuitement des applications web sur une infrastructure mondiale rapide et sécurisée. Cette leçon guide le développeur à travers les étapes essentielles : création d'un compte Google et activation de Firebase, installation de Node.js et du CLI Firebase, création d'un projet Firebase, configuration du dossier public, et enfin déploiement de l'application en quelques commandes.

Configuration initiale

Avant de déployer, il faut disposer d'un compte Google et accéder à firebase.google.com. Depuis la console Firebase, on crée un nouveau projet en lui donnant un nom reconnaissable, par exemple « my-coffee-app ». On laisse activée la version gratuite (version Spark), qui offre un hébergement et un déploiement sans limite pour les sites statiques ou applications légères. Dès que le projet se charge, on continue à l'étape suivante.

Installation et connexion

Le déploiement requiert Node.js et le CLI Firebase. On télécharge Node.js depuis nodejs.org selon le système (Windows, Mac, Linux), puis en ligne de commande on installe le CLI avec 

npm install -g firebase-tools
. On se connecte ensuite à Google via 
firebase login
, qui ouvre le navigateur pour l'authentification. Après acceptation, le CLI est autorisé à accéder aux projets Firebase.

Initialisation du projet

Dans le dossier racine de l'application, on exécute 

firebase init hosting
. Le CLI demande le projet Firebase à utiliser (on sélectionne le projet créé plus tôt), puis le répertoire public contenant les fichiers à déployer (« public » par défaut). On répond « non » à la configuration d'une single-page app sauf si applicable. Une fois l'initialisation terminée, on copie tous les fichiers HTML, CSS et assets du projet dans le dossier public créé.

Déploiement et résultat

Pour mettre en ligne l'application, on exécute 

firebase deploy
. Le CLI compile, valide et pousse tous les fichiers vers Firebase Hosting. Une fois achevé, on reçoit une URL publique HTTPS — par exemple « https://mon-app.web.app » — accessible immédiatement depuis n'importe quel navigateur et appareille mobile.

En résumé

Ce tutoriel explique comment déployer gratuitement une application web sur Firebase. Après création d'un compte Google et d'un projet sur firebase.google.com, il faut installer Node.js et la CLI Firebase, puis préparer un dossier public contenant les fichiers de l'application. Le déploiement se finalise via la commande `firebase deploy` qui génère une URL publique pour accéder au site en ligne.

Points clés

  • Créer un compte Google et un projet Firebase sur firebase.google.com
  • Installer Node.js depuis nodejs.org en choisissant la version adaptée à votre système (Windows, Mac, Linux)
  • Installer la CLI Firebase via le terminal et se connecter à votre compte Google
  • Créer un dossier public contenant tous les fichiers de votre application (HTML, CSS, JavaScript)
  • Utiliser la commande firebase deploy pour déployer l'application en ligne
  • Firebase fournit une URL publique gratuite pour accéder à votre site déployé

Questions fréquentes

Firebase Hosting est-il vraiment gratuit ?

Oui, Firebase propose un plan gratuit incluant l'hébergement. Le plan gratuit s'active par défaut lors de la création d'un projet.

Où placer les fichiers de mon application web ?

Les fichiers doivent être placés dans le dossier public créé automatiquement lors de l'initialisation de Firebase CLI dans votre projet.

Comment obtenir l'URL publique de mon site après déploiement ?

L'URL s'affiche automatiquement dans le terminal à la fin de l'exécution de la commande firebase deploy.