DEV Community

CodeAveMoi
CodeAveMoi

Posted on

Express JS pour les débutants

Qu'est-ce qu'Express et l'écosystème Node JS?

Lorsqu'il s'agit de créer un serveur Web, aucun framework dans l'écosystème Node JS n'est aussi grand qu'ExpressJS. C'est un framework qui donne beaucoup de flexibilité en ce qui concerne la personnalisation. Si vous aimez les frameworks minimalistes, ExpressJS n'est pas la seule option que Node a à offrir, nous avons:

  • Fastify
  • Koa Si vous recherchez un framework plus robuste de type Rails/Django/Laravel, Node est également là pour vous !
  • NestJS
  • Adonis JS
  • Sails
  • Loopback

Premiers Pas avec Express JS

Je suppose que vous avez installé Node et NPM, ce que vous pouvez faire sur nodeJS.org
Pour commencer, créez simplement un dossier vide quelque part sur votre espace de travail et ouvrez le terminal dans ce dossier et procédez comme suit.

npm init -y
Enter fullscreen mode Exit fullscreen mode

Cela créera un fichier package.json qui pour l'instant aura pour objectif principal de tracker nos librairies et nos scripts. Installons notre première librairie (package en anglais) en exécutant cette commande à partir de notre dossier.

npm i express nodemon
Enter fullscreen mode Exit fullscreen mode
  • Express : Notre framework web
  • Nodemon : commande pour exécuter nos fichiers et surveiller nos fichiers afin qu'il réexécute notre serveur lorsqu'il y a des modifications de fichiers.
/node_modules
.env
Enter fullscreen mode Exit fullscreen mode

Maintenant créons un fichier appelé server.js avec comme ce qui suit …

//importer notre librairie
const express = require("express")

//initialiser l'application express
const app = express()

//Le port du serveur
const PORT = process.env.PORT || 3000 


//Exécution de l'application Express sur le serveur Node
//Cette expression dois toujours se situee en bas
app.listen(PORT, () => {
    console.log(`Le serveur est active au port: ${PORT}`)
})
Enter fullscreen mode Exit fullscreen mode

Après avoir enregistré les dernières modifications, on peut remarquerez que dans la console, nodemon redémarrera le serveur. Maintenant, testons-les !

Accédez une fois de plus à http://localhost:3000, on doit pouvoir voir "Hello World"

happiness gif

Félicitations, on a notre première application Express JS

Top comments (0)