Firebase Hosting

Par hekram, 21 mars, 2025

Bonjour et bienvenue dans notre dernier article, où nous allons parler de Firebase Hosting. Nous verrons comment déployer facilement votre site web avec cet outil puissant, qui permet d’héberger des sites avec une base de données et bien d’autres fonctionnalités.

Qu’est-ce que Firebase Hosting ?

Firebase Hosting est un service de Google qui permet de mettre un site en ligne rapidement et en toute sécurité. Il est spécialement conçu pour les sites faits avec HTML, CSS et JavaScript, ainsi que pour les applications web modernes.

Avec Firebase Hosting, les développeurs peuvent facilement publier leur site en utilisant Firebase CLI, un outil qui permet d’envoyer le site en ligne avec une seule commande. Une fois en ligne, le site est stocké sur plusieurs serveurs répartis dans le monde entier (CDN). Cela permet aux visiteurs d’accéder au site plus rapidement, peu importe où ils se trouvent.

Firebase Hosting est l’une des fonctionnalités les plus utiles de Firebase. Il simplifie grandement le déploiement des projets web et propose une offre gratuite, avec des limitations selon le nombre de visiteurs sur votre site.

Comment l’utiliser ?

Voici un guide simple pour utiliser Firebase Hosting dans ton projet.

1. Installer Firebase CLI

Tout d’abord, Firebase CLI est un outil qui permet de gérer ton projet depuis la ligne de commande.

  • Télécharge et installe Node.js (si ce n’est pas encore fait) : nodejs.org
  • Installe Firebase CLI avec la commande suivante :
npm install -g firebase-tools

2. Configurer Firebase Hosting pour ton projet

    1. Connecte-toi à Firebase en ligne de commande :
firebase login
    1. Crée un dossier pour ton projet :
mkdir mon-site && cd mon-site
    1. Initialise Firebase Hosting dans ton projet :
firebase init hosting

3. Déployer ton site sur Firebase Hosting

    1. Ajoute tes fichiers (HTML, CSS, JS) dans le dossier de ton projet.
    1. Pour tester localement avant de mettre en ligne :
firebase emulators:start
    1. Pour publier ton site en ligne :
firebase deploy
Tu obtiendras un lien comme https://mon-projet.web.app/
    1. Annuler un déploiement si besoin :
firebase hosting:rollback

Merci beaucoup pour votre assistance dans ces derniers 6 articles. Nous avons fini notre article et espérons que vous avez appris de nouvelles choses sur Firebase et que vous l’utiliserez dans vos futurs projets. À bientôt !

Référence

Étiquettes

Commentaires