Apprendre JavaScript côté serveur avec node.js

Node.js: un cadre moderne pour créer des applications Web en temps réel haute performance

Node.js est un cadre important dans le développement Web moderne. Node.js permet à JavaScript d'être utilisé de bout en bout sur côté serveur et côté client. Ce tutoriel vous guidera à travers l'installation de Node.js et montrera comment écrire le premier programme "Hello World". En fin de compte, vous apprendrez à construire une API météo à l'aide de Node.js et Express.

Qu'est-ce que Node.js?

Traditionnellement, JavaScript ne peut s'exécuter que dans des navigateurs Web, mais Node.js a vu le jour à l'intérêt croissant de le porter à côté du serveur.

Node.js est légèrement différent des autres technologies de serveur car elle est basée sur des événements plutôt que des threads. Des serveurs Web tels que Apache utilisés pour servir PHP et d'autres scripts CGI sont basés sur du thread car ils génèrent un thread système pour chaque demande entrante. Bien que cela soit suffisant pour de nombreuses applications, le modèle basé sur le thread n'est pas évolutif lorsqu'il s'agit de nombreuses connexions à long terme (par exemple, les connexions requises pour servir des applications en temps réel, telles que les applications de messagerie instantanée).

"Chaque opération d'E / S dans Node.js est asynchrone ..."

Node.js utilise des boucles d'événements au lieu de threads et est capable de passer à des millions de connexions simultanées. Il profite du fait que le serveur passe la plupart de son temps à attendre les opérations d'E / S (par exemple, la lecture de fichiers à partir du disque dur, l'accès aux services Web externes ou en attente de téléchargements de fichiers à terminer) car ces opérations sont beaucoup plus lentes que les opérations de mémoire. Chaque opération d'E / S dans Node.js est asynchrone, ce qui signifie que le serveur peut continuer à traiter les demandes entrantes pendant que l'opération d'E / S est en cours. JavaScript est idéal pour la programmation basée sur des événements car il a des fonctions et des fermetures anonymes, ce qui rend la définition des rappels en ligne un jeu d'enfant, et les développeurs JavaScript savent déjà comment programmer de cette façon. Ce modèle basé sur des événements rend Node.js très rapide et facilite la mise à l'échelle des applications en temps réel.

1. Installer

Node.js prend officiellement en charge Linux, MacOS, Microsoft Windows, SmartOS et FreeBSD. Pour installer la dernière version de Node.js sur Windows (v16 et ultérieure), votre ordinateur doit exécuter Windows 8.1, 10 ou 11.

Node.js a son propre gestionnaire de package intégré, appelé Node Package Manager (NPM for Short), qui vous permet d'installer des modules tiers du registre NPM.

1. Téléchargez la dernière version de Node.js à partir de Nodejs.org (la dernière version est 17.9.0 au moment de la rédaction et la dernière version LTS est 16.14.2). Cela devrait télécharger le fichier .msi sur votre ordinateur.
2. Exécutez le fichier et complétez l'assistant d'installation. La plupart des options sont facultatives - sauf si vous avez une bonne raison, il n'est pas nécessaire de modifier le chemin du programme. Vous pouvez choisir d'installer Chocolatey (un gestionnaire de packages Windows) ou sauter cette étape.
3. Une fois l'assistant d'installation terminé et que Node.js est installé avec succès, ouvrez le terminal et exécutez npm -v pour afficher la version NPM.

De plus, si vous recherchez le nœud dans votre programme, vous devriez trouver l'invite de commande Node.js.

L'invite de commande fournit un REP (LEA-Evaluation-Print Loop) où vous pouvez taper le code JavaScript Node.js et évaluer le code immédiatement et sortir le résultat. Vous pouvez également charger JavaScript à partir de fichiers externes en sessions de remplacement et plus encore.

2. Bonjour le monde!

L'apprentissage de toute nouvelle technologie commence par le "Hello World!", Nous allons donc créer un serveur HTTP simple pour servir ce message.

Tout d'abord, nous créerons un nouveau projet Node.js. Pour ce faire, ouvrez votre terminal, passez au répertoire où vous souhaitez que le projet soit situé et exécutez la commande suivante:

 npm init

Vous serez invité à fournir des informations sur la bibliothèque, y compris le nom de la bibliothèque, l'auteur, le fichier d'entrée, la licence et la version. Pour ignorer cette étape, fixez la fonction require comme indiqué ci-dessous (à l'intérieur de Test.js ):

 var util = require ("util");

Cela charge le module util , qui contient des fonctions d'utilité pour gérer les tâches au niveau du système telles que l'impression de sortie vers un terminal. Pour utiliser une fonction dans un module, appelez-le sur les variables qui stockent le module - dans ce cas, la commande Node avec le nom de fichier comme paramètre.

 nœud test.js

L'exécution de cette commande sortira "Hello World!" Sur la ligne de commande.

Pour créer un serveur HTTP, vous devez utiliser le module http .

 var util = require ("util");
var http = require ("http");

http.createServer (fonction (req, res) {
  res.writehead (200, {'contenu-type': 'text / html'});
  res.write («Hello World!»);
  res.end ();
}). écouter (8080);

util.log ("Server en cours d'exécution sur https: // localhost: 8080 /");

Ce script importe le module http et crée un serveur HTTP. La fonction anonyme transmise à http.createServer() sera exécutée lors de la réception de la demande. Visitez http://localhost:8080/ Dans votre navigateur et vous verrez Hello World! .

3. Un serveur de fichiers statique simple

OK, nous avons construit un serveur HTTP, mais quelle que soit l'URL que vous visitez, il n'enverra que "Hello World". Tout serveur HTTP doit être en mesure d'envoyer des fichiers statiques tels que des fichiers HTML, des images et d'autres fichiers. C'est ainsi que le code suivant:

 var util = require ("util"),
    http = requis ("http"),
    url = require ("url"),
    chemin = requis ("chemin"),
    fs = require ("fs");

http.createServer (fonction (demande, réponse) {
    var uri = path.parse (request.url) .base;
    var filename = path.join (process.cwd (), uri);
    fs.access (nom de fichier, fs.constants.f_ok, fonction (err) {
        if (err) {
            Response.WriteHead (404, {"Content-Type": "Text / PLAIN"});
            réponse.write ("404 non trouvé \ n");
            réponse.end ();
            retour;
        }

        fs.readfile (nom de fichier, "binaire", fonction (err, fichier) {
            if (err) {
                Response.WriteHead (500, {"Content-Type": "Text / PLAIN"});
                réponse.write (err "\ n");
                réponse.end ();
                retour;
            }

            réponse.Writehead (200);
            réponse.write (fichier, "binaire");
            réponse.end ();
        });
    });
}). écouter (8080);

util.log ("Server en cours d'exécution sur http: // localhost: 8080 /");

Nous devons d'abord utiliser tous les modules de notre code. Cela inclut http , path et url , qui analysent l'URL entrante demandée et trouvent le nom de chemin d'accès du fichier accessible. Nous utilisons process.cwd() (ou le répertoire de travail actuel) et le chemin d'accès au fichier demandé pour trouver le nom de fichier réel sur le disque dur du serveur.

Ensuite, nous vérifions si le fichier existe, qui est une opération asynchrone, donc la fonction de rappel est requise. Si le fichier n'existe pas, un message 404 non trouvé est envoyé à l'utilisateur et la fonction renvoie. Sinon, nous utilisons fs.readFile() pour lire le fichier. Si vous accédez http://localhost:8080/path/to/file dans votre navigateur, le fichier sera affiché dans votre navigateur.

4. Construisez l'API météo dans Node.js en utilisant Express

Sur la base de notre serveur de fichiers statique, nous créerons un serveur Node.js qui obtient et affiche les conditions météorologiques attendues pour une ville donnée. Tout d'abord, dans cet exemple, nous aurons besoin de deux modules tiers supplémentaires: le module axios et le module express . Express est un cadre Web pour créer des API RESTful dans les applications Node.js. Nous utiliserons le module Express pour construire un seul point de terminaison de l'API qui rapportera la ville à partir de chaque demande et répondra avec un corps HTML contenant les conditions météorologiques des prévisions de la ville. Les informations météorologiques proviendront de l'API externe - nous allons donc faire des demandes d'API à l'aide axios .

Tout d'abord, nous installerons les modules express et axios en utilisant les commandes suivantes en même temps:

 npm i exprime axe

Cela installera les deux modules du registre NPM. Remplacez app.get() par le code suivant:

 app.get ('/', (req, res) => {
    Soit City = req.Query.City;

    axios.get (`https://api.openweathermap.org/data/2.5/forecast?q=$ {city} & appid = $ {apikey}`)
        .Then ((réponse) => {
            if (réponse.status === 200) {
                res.send (`La météo dans votre ville" $ {ville} "est<br>
                $ {réponse.data.list [0] .weather [0] .Description} `)
            }
        })
        .Catch ((err) => {
            console.log (err);
        })
})

Nous récupérons d'abord la chaîne de requête (ville) de query .

Nous utilisons ensuite axios pour émettre une demande GET à l'API de prévision météo. L'URL nécessitera deux variables: nous voulons obtenir la ville prévue et la clé API unique fournie dans le centre d'information API à temps ouvert.

Nous avons configuré une méthode res.send() . Lorsqu'une erreur se produit, nous pouvons enregistrer les données d'erreur à la console simplement en exécutant node test.js sur la ligne de commande et en tapant l'URL suivante dans le navigateur:

 <code>http://localhost:3000/?city=nairobi</code>

Veuillez noter que Nairobi peut être remplacé par n'importe quelle ville de votre choix. Voici les résultats que vous devriez obtenir.

Étapes suivantes

Node.js est une technologie très excitante qui simplifie la création d'applications en temps réel haute performance. J'espère que vous pourrez en voir les avantages et être en mesure de l'utiliser dans certaines de vos propres applications. Parce que Node.js a un système de modules puissant, il est facile d'utiliser des bibliothèques tierces open source dans votre application, et presque tout a des modules disponibles: y compris une couche de connexion de base de données, un moteur de modèle, un client de messagerie et même un cadre complet pour connecter tout ce contenu.

Je vous souhaite une programmation joyeuse Node.js!

Cet article a été mis à jour et contient des contributions de Kingsley Ubah. Kingsley est passionnée par la création de contenu qui éduque et inspire les lecteurs. Les passe-temps incluent la lecture, le football et le vélo.

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!