Premiers pas avec Node.js

Node.js est une alternative qui simplifie le développement web, dans le passé plusieurs langages devaient être appris pour présenter la partie du traitement du serveur, le L'extrémité avant puis passez d'innombrables heures à configurer des serveurs.
Avec une seule langue telle qu'elle est JavaScript et grâce au moteur V8 développé par Google, nous avons accès à appliquer le même langage à serveur, Back-end Oui L'extrémité avant, cela nous amène à passer moins de temps à apprendre diverses formes de syntaxe et ainsi à nous concentrer sur ce qui compte vraiment pour nous, c'est-à-dire réaliser nos idées.
ExigencesPour réaliser les exercices et exemples proposés dans ce tutoriel, nous devons avoir une installation avec la version la plus récente de Node.js. Ceci est très facile à obtenir, dans ce cas nous allons utiliser l'installateur les fenêtres que nous obtenons directement depuis le site officiel de Node.js, il fonctionne comme n'importe quel installateur et génère ensuite un accès direct à la console Node.js où nous pouvons exécuter les scripts nécessaires.
Node.js Cela nous permet de générer des serveurs Web très efficaces sans avoir besoin de grandes configurations, de plus, l'application du même langage nous permet d'éviter la séparation de code entre l'application et le service. Pour créer notre premier serveur nous devons suivre les étapes suivantes :
1- On ouvre d'abord la console Node.js et nous nous plaçons dans un dossier où nous pouvons l'exécuter, dans ce dossier nous allons créer un fichier appelé serveur.jsCe nom n'est pas nécessaire mais c'est une bonne pratique d'appeler le fichier que le serveur web va créer de cette manière.
2- Une fois que nous avons le fichier, nous allons installer via npm application superviseur, cela vérifiera à chaque fois qu'un changement se produit dans le fichier indiqué, vous devez redémarrer le serveur immédiatement, pour cela il vous suffit de placer la commande suivante dans la console :

 npm install -g superviseur

Cette installation devrait ressembler à ceci lorsque nous l'exécutons sur notre console :

3- Une fois que nous avons déjà installé superviseur faisons cette écoute pour ainsi dire pour les modifications apportées à notre fichier serveur.js, pour cela, nous devons placer la commande suivante après l'installation :

 serveur superviseur.js

Comme nous n'avons toujours pas de code valide, nous n'aurons aucun résultat dans la console et nous verrons une série de messages indiquant cela, comme nous pouvons le voir sur l'image suivante :

4- Maintenant que nous avons nos bases, nous devons ensuite créer le code pour notre serveur web, celui-ci sera supporté dans la bibliothèque http de Node.js et avec cela, nous pouvons créer un serveur fonctionnel en utilisant la méthode createServer (), cela doit simplement renvoyer un petit contenu, afin de ne pas perdre l'habitude nous allons faire un "Salut monde!", voyons le code que nous allons inclure dans notre fichier serveur.js:

 var http = exiger ('http'); http.createServer (function (request, response) {response.writeHead (200, {'Content-Type': 'text / html'}); response.end ('');}). listen (8082);

Comme on le voit simplement avec un exiger nous importons le bibliothèque http, puis avec la méthode createServer nous générons un serveur web et avec l'objet réponse Nous créons l'entête de la réponse et notre message, pour finir nous indiquons à notre serveur qu'il doit accepter les connexions entrantes via le port 8082, où lors de l'exécution de notre exemple dans notre hôte local dans le port indiqué, cela ressemblera à ceci :

5- Si nous apportons des modifications au fichier server.js, merci à superviseur le service les prendra sans avoir besoin de redémarrer manuellement Node.js, donc ce n'est qu'en actualisant le navigateur que nos modifications seront reflétées avec peu d'effort.
Comme nous l'avons mentionné au début, Node.js Cela nous permet de servir du contenu statique directement à partir de notre application serveur, cela se présente comme un avantage lorsque nous voulons développer des applications avec un noyau monolithique, c'est-à-dire sans fragmentation ni fissures dues à l'utilisation de différentes technologies.
Afin de réaliser ce tutoriel nous allons créer une série de fichiers dans un dossier appelé contenu, les fichiers à créer seront les suivants :
index.htmlCe sera le fichier initial et par défaut, il contiendra une structure de base HTML.
style.cssC'est notre fichier avec les feuilles de style, nous allons avec ce fichier modifier l'apparence de notre application.
script.jsIci, nous pouvons voir comment nous pouvons utiliser nos scripts habituels dans JavaScript malgré l'exécution de notre application dans Node.js.
Maintenant que nous avons défini nos fichiers, voyons le contenu de chacun, pour le fichier index.html nous inclurons les éléments suivants :

 Notre premier serveur Node.js Hello World 

Comme nous pouvons le voir, il s'agit d'une page simple avec une structure de base où nous appelons les fichiers externes styles.css Oui script.js, et dans le corps nous mettons un message simple. Puis dans notre dossier styles.css qui nous aidera à modifier l'apparence de notre page, nous devons placer les lignes de code suivantes :

 #hello {font-size: 5em; background: gray; color: green; padding: 0.5em}

Enfin dans le fichier script.js Nous allons placer un code qui lèvera un message lorsque la page sera complètement chargée, ce code est le suivant :

 window.onload = function () {alerte ('Eureka Works !'); };

Pour tout avoir au même endroit et maintenir l'ordre dans notre développement, nous allons héberger ces fichiers dans un dossier appelé Contenu.
Qu'est-ce qu'on manque ?Une fois cela fait, nous n'avons plus qu'à construire le serveur, la première chose que nous devons faire est d'inclure les bibliothèques appropriées, dans ce cas nous aurons besoin de celle que nous connaissons déjà, qui est http, en plus nous aurons besoin chemin qui est de construire des routes et enfin fs qui est pour le service de fichiers.
Nous allons à nos archives serveur.js qui doit être à la racine de notre projet et maintenant dans notre bloc de createServer () nous allons indiquer que le URL courant comme base et avec un objet de fs Nous allons valider si les fichiers existent, dans le cas contraire, nous lancerons un Erreur 404 Fichier non trouvé. Voyons le code de la fonctionnalité décrite ci-dessus :

 var http = exiger ('http'); var chemin = require ('chemin'); var fs = exiger ('fs'); http.createServer (function (request, response) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, function (existe) {console.log (existe? fichier_recherche + "si existe": fichier_recherche + "n'existe pas");});}).écouter (8082);

Le problème que nous avons est que cela ne nous aide toujours pas à servir les fichiers, c'est pourquoi nous devons utiliser une méthode de fs cela nous permet de lire les fichiers et avec cela nous pouvons l'envoyer au navigateur comme nous pouvons le voir dans le code suivant :

 var http = exiger ('http'); var chemin = require ('chemin'); var fs = exiger ('fs'); http.createServer (function (request, response) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; var mimeTypes = {'.js ':' text / javascript ',' .html ':' text / html ',' .css': 'text / css'}; fs.exists (f, function (existe) {if (existe) {fs.readFile (f, function (err, data) {if (err) {response.writeHead (500); response.end ('Server error'); return;} var headers = {'Content-type': mimeTypes [path .extname (fichier_recherche)]}; response.writeHead (200, en-têtes); response.end (data);}); return;} response.writeHead (404); response.end ();});}). listen (8082 );

Comme on le voit maintenant avec la méthode lireFichier () nous pouvons d'abord valider s'il n'y a pas d'erreur de serveur dans votre rappeler et deuxièmement, nous pouvons obtenir le type de fichier que nous voulons servir à partir de la liste des types, avec cela nous pouvons générer l'en-tête HTTP nécessaire pour que le navigateur n'ait pas à interpréter les données à sa manière.
Si aucune des actions ne renvoie de résultat, nous devons envoyer une réponse au navigateur 404, de cette façon, nous interromprons la demande et nous indiquerons à l'utilisateur que ce qu'il recherche ne se trouve pas dans le chemin spécifié. Comme nous l'avons fait dans l'exemple précédent, nous dirons Node.js que le port où il doit prendre les demandes doit être le 8082, qui est un port généralement libre et n'a donc pas de conflits avec d'autres services. Enfin, nous écrivons la réponse du fichier et exécutons notre superviseur à nouveau au cas où nous aurions arrêté le service comme nous pouvons le voir dans l'image suivante :

Une fois cela fait, nous allons dans notre navigateur et exécutons sur le port 8082 et nous pouvons voir la sortie de notre programme qui devrait ressembler à l'image suivante :

AGRANDIR

Cela nous montre toute la puissance et la polyvalence de Node.js, avec laquelle nous avons pu vérifier qu'il n'y avait pas besoin d'utiliser une autre langue que celle de JavaScript pour le développement.
ImportantIl est important de faire des recherches sur npm quel est le gestionnaire de paquets de nœuds, car avec cet outil, nous pouvons obtenir de nombreux packages pouvant nous servir, parmi lesquels certains cadres cela nous permettra de simplifier tout le code que nous avons vu ici, en plus d'autres composants développés par la communauté afin d'économiser du travail pour le développeur de Node.js.
Avec cela, nous avons terminé le didacticiel, nous avons créé un serveur et nous avons également appris à servir des fichiers statiques. Si nous avions utilisé une technologie traditionnelle comme PHP Pour obtenir ce résultat, nous aurions d'abord besoin d'un serveur traditionnel comme Apache ou alors nginx, où il faut aussi les paramétrer, l'impression du code aurait nécessité un langage différent, reléguant à JavaScript uniquement aux côtés du client et gaspillant ainsi ses grandes capacités.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif