Comment créer un serveur Web simple à l'aide de Node.js

Node.js est un environnement d'exécution JavaScript pour les services back-end, qui permet aux développeurs d'écrire des applications côté serveur et côté client en utilisant le même langage. Node.js a une puissance de traitement plus élevée et une meilleure évolutivité par rapport aux autres technologies backend. Dans cet article, nous présenterons comment créer un serveur Web simple mais puissant à l'aide de Node.js.

Étape 1 - Installer Node.js

Tout d'abord, vous devez installer Node.js sur votre ordinateur. Vous pouvez télécharger le package d'installation depuis le site officiel de Node.js et l'installer. Une fois Node.js installé avec succès, vous pouvez exécuter node -v à partir de la ligne de commande pour vérifier qu'il fonctionne correctement.

Étape 2 - Installer les dépendances

Avant de commencer à écrire l'application, nous devons installer certaines dépendances nécessaires. Allez dans le dossier de votre projet sur la ligne de commande et exécutez la commande suivante :

npm init -y

Cela créera un fichier package.json qui stocke des informations sur notre application et toutes ses dépendances.

Ensuite, nous devons installer express et nodemon. express est un framework Web populaire qui peut nous aider à créer rapidement un routage et un middleware. nodemon est un outil de développement qui redémarre automatiquement le serveur lorsque nous enregistrons le code.

Installez ces dépendances en entrant la commande suivante sur la ligne de commande :

npm install express nodemon --save

L'option --save ajoutera les dépendances à notre fichier package.json afin que nous puissions facilement reconstruire l'application ultérieurement. .

Étape 3 - Créer un serveur

Écrivons maintenant notre premier serveur. Veuillez créer un fichier nommé index.js dans le dossier du projet et entrez le code suivant :

const express = require('express');
const app = express(); , res) => {

res.send('Hello World!');

});

app.listen(3000, () => {

console.log('Serveur en écoute sur le port 3000') ;

});

Ici, nous avons présenté la bibliothèque express et créé une instance appelée app. Nous ajoutons ici une route GET qui répondra à l'URL racine et donnera Hello World! Renvoyé au client.

Enfin, nous utilisons app.listen() pour lier le serveur à un port spécifique. Dans cet exemple, nous avons lié notre serveur au port 3000.

Étape 4 - Démarrez le serveur

Maintenant que nous avons écrit notre premier serveur, nous pouvons utiliser nodemon pour le démarrer. Entrez la commande suivante dans la ligne de commande :

nodemon index.js

Cela lancera notre application et redémarrera automatiquement le serveur lorsque le code change. Maintenant, allez sur http://localhost:3000 dans votre navigateur et vous devriez pouvoir voir Hello World ! information.

Cinquième étape - Ajouter plus de routes

Maintenant que nous avons créé notre premier serveur, ajoutons plus de routes et envoyons plus de données au client. Ajoutez le code suivant au fichier index.js :

app.get('/users', (req, res) => {

const users = [

{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },

];

res.json(users);

});

Dans cet exemple, nous créons une nouvelle route qui répond à l'URL /users et renvoie un objet JSON contenant deux utilisateurs au client.

Maintenant, visitez http://localhost:3000/users, vous verrez la réponse JSON suivante :

[

{

"id": 1,
"name": "John"

}, {

"id": 2,
"name": "Jane"

}]

Nous pouvons également encapsuler l'itinéraire dans un fichier séparé pour mieux organiser le code.

Étape 6 - Utiliser des fichiers statiques

Si nous voulons que le serveur fournisse des fichiers statiques, tels que des images, des feuilles de style et des fichiers JavaScript, nous pouvons utiliser la fonction middleware intégrée fournie par express. Ajoutez le code suivant au fichier index.js :

app.use(express.static('public'));

Ici, nous disons à express d'utiliser le dossier public pour servir des fichiers statiques. Nous pouvons créer un fichier appelé style.css dans le dossier public et créer un lien vers celui-ci dans le fichier HTML.

Grâce aux étapes ci-dessus, nous avons appris à créer un serveur Web simple mais puissant en utilisant Node.js et express. Espérons que cet article vous aidera à démarrer rapidement et à créer vos propres applications Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!