NodeJS

Appearance

ExpressJS ​

Express.js est un framework pour Node.js qui permet de créer des applications web de manière plus facile et structurée. Il est surtout connu pour sa facilité d'utilisation et sa capacité à faciliter la création de serveurs web.

Intérêt: ​

Express.js est largement utilisé pour créer des APIs RESTful de manière rapide et efficace. Il gère les routes, les middlewares et offre des fonctionnalités supplémentaires pour rendre le développement d'applications web avec Node.js plus facile et rapide.

Installation: ​

Ouvrez un terminal et tapez la commande suivante pour créer un nouveau dossier et initialiser un projet Node.js.

sh
mkdir monProjetExpress
cd monProjetExpress
npm init -y
mkdir monProjetExpress
cd monProjetExpress
npm init -y

npm init -y va créer un fichier package.json dans votre dossier avec les valeurs par défaut.

Ensuite, installez Express.js avec npm :

sh
npm install express
npm install express

ES6

Mettez type: module dans votre package.json pour utiliser les modules ES6.

Création d'un simple serveur ​

Créez un fichier appelé app.js dans le dossier monProjetExpress.

Dans app.js, importez express et créez une application Express:

javascript
import express from 'express';

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

app.get('/', (req, res) => {
  res.send('Bonjour le monde!');
});

app.listen(port, () => {
  console.log(`Le serveur est en marche sur http://localhost:${port}`);
});
import express from 'express';

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

app.get('/', (req, res) => {
  res.send('Bonjour le monde!');
});

app.listen(port, () => {
  console.log(`Le serveur est en marche sur http://localhost:${port}`);
});

Expliquons les lignes de code:

  1. import express from 'express'; : Importation du module Express.
  2. const app = express(); : Création d'une instance d'Express.
  3. const port = 3000; : Définition du port sur lequel le serveur sera lancé.

Règles et Conventions pour Choisir un Port

  1. Ports Système: Les ports de 0 à 1023 sont réservés pour les services systèmes et sont généralement utilisés par des protocoles de bas niveau, comme HTTP (80), HTTPS (443), FTP (21), etc.
  2. Ports Utilisateur: Les ports de 1024 à 49151 sont destinés aux applications utilisateur et peuvent être utilisés pour les applications en développement.
  3. Ports Dynamiques/Privés: Les ports de 49152 à 65535 sont considérés comme dynamiques ou privés et sont souvent utilisés pour des connexions à court terme.

Pourquoi le Port 3000? Le port 3000 est souvent choisi par convention pour le développement d'applications web avec des technologies comme Node.js et Express.js. Il est suffisamment élevé pour éviter les conflits avec les ports systèmes réservés et suffisamment bas pour être facilement mémorisé et accédé.

Personnalisation du Port: Même si le port 3000 est couramment utilisé, vous pouvez choisir un autre port pour votre application selon vos préférences ou besoins. Vous pouvez même définir le port dynamiquement en utilisant une variable d'environnement. Par exemple, vous pouvez modifier la ligne de définition de port dans votre application comme suit:

javascript
const port = process.env.PORT || 3000;
const port = process.env.PORT || 3000;
  1. app.get('/', (req, res) => { ... }); : Création d'une route qui gère les requêtes GET à la racine ('/') de l'application. req est l'objet de requête, et res est l'objet de réponse.
  2. res.send('Bonjour le monde!'); : Envoie une réponse avec le texte 'Bonjour le monde!'.
  3. app.listen(port, () => { ... }); : Lance le serveur sur le port défini et affiche un message dans la console quand le serveur est démarré.

Exécution du Serveur ​

Pour exécuter le serveur, ouvrez le terminal, naviguez vers le dossier de votre projet et tapez :

sh
node app.js
node app.js

Exemple Simple avec une Route Supplémentaire ​

Ajoutez une autre route à votre fichier app.js pour gérer une page ‘/about’.

javascript
app.get('/about', (req, res) => {
  res.send('Page À Propos');
});
app.get('/about', (req, res) => {
  res.send('Page À Propos');
});

Maintenant, si vous allez à http://localhost:3000/about dans votre navigateur, vous verrez 'Page À Propos'.