Mettre en place un projet sous Express et Node JS

Publié le 30/08/2024

Catégorie : Développement web
Mettre en place un projet sous Express et Node JS

Qu'est-ce que Node.js et Express ?

Avant de commencer à coder, il est important de comprendre ce que sont Node.js et Express.

  • Node.js est un environnement d'exécution JavaScript qui te permet d'exécuter du code JavaScript en dehors de ton navigateur. Cela signifie que tu peux créer des applications web complètes, des serveurs, et bien plus encore !
  • Express est un framework web minimaliste et flexible pour Node.js. Il te simplifie la tâche en te fournissant des outils et des fonctionnalités pour créer des applications web rapidement et efficacement.

Prérequis

  • Node.js et npm (Node Package Manager) installés : Tu peux les télécharger sur le site officiel de Node.js : https://nodejs.org/
  • Un éditeur de code : Visual Studio Code, Sublime Text ou Atom sont de bonnes options.

Création du projet

Créer un nouveau dossier pour ton projet :

mkdir my-project
cd my-project

Initialiser un projet npm :

npm init -y

Cela créera un fichier package.json qui va gérer les dépendances de ton projet.

Installer Express :

npm install express

Créer un serveur de base

Crée un fichier index.js à la racine de ton projet et ajoute le code suivant :

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello, world!');
});

app.listen(port, () => {
  console.log(`Serveur en écoute sur le port ${port}`);
});

Explication du code :

  • require('express') : Importe le module Express.
  • const app = express() : Crée une instance d'une application Express.
  • app.get('/', (req, res) => { ... }) : Définit une route GET pour la racine (/) de ton application. Lorsque quelqu'un visite l'adresse de ton application dans un navigateur, ce code s'exécute et envoie la réponse "Hello, world!".
  • app.listen(port, () => { ... }) : Met le serveur en écoute sur le port 3000.

Démarrer le serveur

Dans ton terminal, exécute la commande suivante :

node index.js

Accéder à l'application

Ouvre ton navigateur et va à l'adresse http://localhost:3000. Tu devrais voir s'afficher "Hello, world!".

Félicitations ! Tu viens de créer ta première application Node.js avec Express.

Prochaines étapes

  • Créer des routes supplémentaires : Apprends à gérer différentes requêtes HTTP (GET, POST, PUT, DELETE) et à créer des routes plus complexes.
  • Utiliser des templates : Apprends à utiliser des moteurs de templates comme Pug ou EJS pour créer des pages HTML dynamiques.
  • Gérer les données : Apprends à interagir avec des bases de données (MongoDB, PostgreSQL, etc.) pour stocker et récupérer des données.
  • Mettre en place des middlewares : Apprends à utiliser des middlewares pour ajouter des fonctionnalités à ton application (authentification, logging, etc.).

Ressources supplémentaires

  • Documentation officielle d'Express : https://expressjs.com/
  • Tutoriels sur YouTube : Il existe de nombreuses chaînes YouTube qui proposent des tutoriels détaillés sur Node.js et Express.

N'hésite pas à poser des questions si tu bloques !

Rejoindre la newsletter

Recevez une fois par semaine les informations du numérique et du développement web en un seul courriel.
Je comprends et j’accepte en m’inscrivant à cette lettre d’informations que mon adresse email sera utilisée à des fins informatives et marketing de la part de anthowd et des partenaires Solidevs.