Blog

Comment créer un serveur Web de base dans Node.js – Bien installer son serveur

Le 13 mai 2021 , mis à jour le 4 septembre 2021 - 6 minutes de lecture


Node.js est devenu l'une des options de développement côté serveur les plus populaires depuis sa première version il y a plus de dix ans. Bien qu'il soit encore relativement nouveau par rapport à PHP et à d'autres technologies backend, il a été beaucoup adopté par des géants de la technologie comme LinkedIn, PayPal, Netflix et plus encore.

Cet article vous apprendra comment créer et exécuter votre propre serveur Web avec le framework Web Node.js et Express.js.

Technologies et packages impliqués

Node.js est un moteur d'exécution JavaScript basé sur le moteur Chrome V8 qui vous permet d'exécuter du code JavaScript en dehors du navigateur. Traditionnellement, le langage de programmation JavaScript est utilisé pour manipuler le modèle d'objet de document (DOM) et ajouter de l'interactivité aux sites Web.

Pour cette raison, le code JavaScript a été limité pour s'exécuter exclusivement dans le navigateur, puisque DOM ne se trouve que sur les pages Web. Avec Node.js, vous pouvez exécuter JavaScript sur la ligne de commande et sur les serveurs. Par conséquent, il est important d'installer Node.js et npm sur votre ordinateur avant de commencer.

D'autre part, Express.js est un framework web minimaliste qui est devenu le framework backend de facto pour Node.js. Cependant, Express.js n'est pas une nécessité. Vous pouvez toujours utiliser la fonction intégrée http module de Node.js pour construire votre serveur. Express.js est construit au-dessus de http module et fournit une API plus simple avec toutes les configurations nécessaires.

Créer un serveur Web

Pour mieux organiser votre code, vous pouvez commencer par créer un dossier dans lequel se trouvent tous les fichiers et dépendances. Étant donné qu'Express.js n'est pas un module Node.js intégré, vous devez l'installer à l'aide de npm.

En savoir plus: Qu'est-ce que npm?

Pour installer le package Express.js, exécutez la commande installateur npm express sur le terminal ou à l'invite. Assurez-vous que vous êtes dans le répertoire du projet avant l'installation.

Installer express via npm

Une fois terminé, vous pouvez ouvrir le dossier à l'aide d'un éditeur de texte ou d'un IDE de votre choix et créer un nouveau fichier nommé server.js. Pour utiliser le package Express.js, vous devez d'abord en importer et en créer une instance à l'intérieur server.js fichier comme suit:

const express = requiert (& # 39; express & # 39;);
const app = express ();

L'objectif principal d'un serveur Web est de répondre aux demandes provenant de différentes routes avec la fonction de gestionnaire appropriée. Ce code gère toutes les requêtes GET adressées à la racine ("/") et répond par "Hello World!"

app.get (& # 39; / & # 39;, (req, res) => 
renvoyer (& # 39;

Bonjour le monde

& # 39;);
);

De même, vous pouvez afficher le contenu dynamique et effectuer d'autres opérations, en fonction du chemin et du type de demande. Cela peut être fait en utilisant les paramètres d'itinéraire, indiqués par le point-virgule : devant le paramètre.

app.get (& # 39; /: nom & # 39;, (req, res) => 
res.send (`

Bienvenue dans $ req.params.name!

`);
;

Dans les deux exemples ci-dessus, la première ligne représente l'utilisation de .peu() méthode pour Express.js qui prend en deux paramètres: le point de terminaison ou la route, et une fonction de gestion des rappels qui prend les requêtes et les objets de réponse comme paramètres. Ces deux paramètres sont envoyés automatiquement lorsque vous demandez une demande.

Dans la deuxième ligne, la réponse se fait par .envoyer() méthode sur l'objet de réponse. Entre parenthèses, vous pouvez saisir le texte ou le code HTML de votre choix. En ce qui concerne les itinéraires dynamiques, accédez req.params.name (puisque vous avez utilisé /:Nom) L'objet de requête renverra la valeur du paramètre de route dynamique (Nom dans ce cas.)

Enfin, pour commencer à écouter les requêtes entrantes dans un port, vous pouvez utiliser .Ecoutez() méthode qui prend le numéro de port et une fonction de rappel facultative pour conduire en cas de conduite réussie.

app.listen (5000, console.log (& # 39; Serveur fonctionnant sur le port 5000 & # 39;));

J'ai utilisé le port 5000 dans l'exemple, mais vous pouvez le changer en n'importe quel port valide. C'est tout le code dont vous avez besoin pour créer un serveur Web de base avec Node.js et Express.js. Le même concept peut être étendu pour venir avec d'autres demandes telles que POSTER, ENSEMBLE, ou alors EFFACER vers d'autres itinéraires. C'est ce que tu fais server.js le fichier ressemblera à:

Code ExpressJS pour le serveur Web "width =" 1728 "height =" 970

Tester le serveur

Pour exécuter le code et démarrer le serveur, exécutez serveur de nœuds la commande sur le terminal ou l'invite de commande dans le répertoire du projet. Cela exécutera la fonction de rappel que vous avez activée .Ecoutez() méthode.

Serveur express en cours d'exécution

Pour confirmer que le serveur fonctionne, ouvrez un navigateur Web et visitez http: // localhost: 5000

Express.js - Démo de la route racine

De même si vous visitez un itinéraire dynamique comme http: // localhost: 5000 / muol'autre fonction de gestionnaire s'exécutera et affichera:

Express.js - Démo de route dynamique

Appuyez pour arrêter le serveur Ctrl + C sous Windows ou Cmd + C sur macOS.

Node.js peut faire plus

La popularité de JavaScript augmente considérablement à mesure que les développeurs l'utilisent à la fois sur le frontend et le backend. Cela élimine le besoin d'apprendre plus de langages de programmation et vous aide à démarrer votre voyage en tant que développeur Web complet en utilisant uniquement JavaScript.

Si vous décidez que vous préférez donner à Google le langage de programmation Go, la création d'un serveur Web de base est un excellent projet de démarrage.


image sélectionnée pour le serveur Web Go
Comment créer un serveur Web de base dans Go

Prêt, prêt, parfait, Golang: commencez à créer des serveurs Web avec Go.

Lire la suite


A propos de l'auteur

. "border =" 0