Comment Initier un Projet Node.js & Express.js

Introduction

Salut ! Tu as envie de te lancer dans le développement backend et tu ne sais pas par où commencer ? Pas de souci ! Aujourd'hui, je vais te guider pas à pas pour initier un projet Node.js avec Express.js. C'est parti !

Pourquoi Node.js et Express.js ?

Node.js est une plateforme géniale basée sur le moteur V8 de Chrome qui permet d'exécuter du JavaScript côté serveur. Et Express.js ? C'est un framework minimaliste pour Node.js qui facilite la gestion des routes et des requêtes HTTP. Ensemble, ils forment un duo de choc pour créer des applications web rapides et scalables.

Prérequis

Avant de commencer, assure-toi d'avoir Node.js et npm (Node Package Manager) installés sur ton ordinateur. Si ce n'est pas encore fait, tu peux les télécharger et les installer depuis le site officiel de Node.js ici.

Étapes pour Initier ton Projet

1. Initialiser le Projet

Tout d'abord, crée un nouveau répertoire pour ton projet et navigue dedans depuis ton terminal :

mkdir mon-projet-expresscd mon-projet-express

Ensuite, initialise un nouveau projet Node.js avec npm :

npm init -y

Cette commande crée un fichier package.json avec les configurations par défaut. Tu pourras modifier ce fichier plus tard selon tes besoins.

2. Installer Express.js

Maintenant, installons Express.js :

npm install express

Cette commande ajoute Express.js à ton projet et met à jour le fichier package.json avec cette dépendance.

3. Créer le Serveur de Base

Crée un fichier nommé index.js à la racine de ton projet. Ce fichier contiendra le code de base pour démarrer ton serveur Express.

const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
  res.send('Salut, monde !');
});
app.listen(port, () => {
  console.log(
    `Serveur en cours d'exécution à l'adresse http://localhost:${port}`
  );
});

Ce code crée un serveur Express simple qui écoute sur le port 3000 et renvoie "Salut, monde !" lorsqu'on accède à la racine du site (/).

4. Lancer le Serveur

Retourne dans ton terminal et lance ton serveur avec la commande suivante :

node index.js

Si tout se passe bien, tu devrais voir un message dans le terminal indiquant que le serveur fonctionne. Ouvre ton navigateur et va à l'adresse http://localhost:3000. Tu devrais voir s'afficher "Salut, monde !".

5. Ajouter des Routes

Maintenant que ton serveur fonctionne, ajoutons quelques routes supplémentaires. Modifie le fichier index.js comme suit :

const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
  res.send('Salut, monde !');
});
app.get('/about', (req, res) => {
  res.send('À propos de nous');
});
app.get('/contact', (req, res) => {
  res.send('Contactez-nous');
});
app.listen(port, () => {
  console.log(
    `Serveur en cours d'exécution à l'adresse http://localhost:${port}`
  );
});

Maintenant, tu peux naviguer vers http://localhost:3000/about pour voir la page "À propos de nous" et http://localhost:3000/contact pour voir la page "Contactez-nous".