Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Node.js

Découvrir le framework Express.js

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Partez à la découverte d'Express.js, l'environnement de travail HTTP de Node.js. Grâce à lui, vous servirez des fichiers de divers types, y compris du JSON.
06:07

Transcription

Allez, maintenant il est temps d’attaquer sur les modules que l’on peut installer en plus, et on va parler pour ça d’Express. Ah, Express c’est vraiment génial. Qu’est-ce que c’est qu'Express ? Express c’est un framework qui vient au-dessus donc de node.js, puisque c’est un framework pour node.js, qui va nous permettre de monter des serveurs web en quelques lignes. Là où tout à l’heure, on a quand même utilisé pas mal de lignes pour faire un petit serveur web, vous allez voir que maintenant, on va avoir trois, quatre lignes et ça va tourner tout seul. Alors, si je vous en parle, bien sûr c’est pas une formation sur Express, mais c’est parce que ça fait vraiment partie de cette fameuse stack, que l’on appelle maintenant la stack mean, qui est en fait la stack MONGO, ici EXPRESS, ensuite ANGULAR et NODEJS. Et là, vous aurez vu EXPRESS et NODEJS Bon, il vous restera MONGO et ANGULAR pour le coup. Mais c’est vrai que cette stack-là, c’est node.js, et Express et mongo. Mongodb hein, j’entends, c’est Mongodb. Donc ça, pourquoi c’est très utilisé ? Parce qu’en fait aujourd’hui, en réalité, on ne fait jamais de node.js sans faire de l’Express, pourquoi ? Parce qu'Express, ça va vous éviter ce genre de choses, de créer un serveur http, etc. Ça permet vraiment d’aller plus vite et c’est extrêmement simple à utiliser. Vous allez voir que vraiment en quelques lignes, vous allez faire un serveur web. Alors comment je vais faire pour l’installer par contre ? Eh bien, sur le site vous avez ça : npm install express --save. Qu’est-ce que ça veut dire ? Npm, c’est le gestionnaire de paquets de node. Install ça veut dire, concrètement, installe-moi un nouveau module. Express, c’est le nom du module qui est référencé et -- save, ça, ça nous permet de sauvegarder dans le package.json eh bien, notre modèle install comme étant une dépendance à notre projet. On va le faire ensemble, on va ici retourner en console et on va faire un petit npm install: express -- save et vous allez voir ce qui va se passer. Il va aller me chercher Express, il va l’installer, donc ça, c’est rapide en plus, donc il vous installe aussi toutes les dépendances d’Express, alors voyez qu’il y en a quand même pas mal effectivement et où est-ce qu’il le met ? Il le met dans un dossier qui s’appelle node_modules. Alors ça, jamais vous le renommerez, tout simplement parce que node_modules, ça fait partie de node, c’est comme ça que ça marche, il va chercher les modules à l’intérieur. Là, on a tout un tas de paquet qui vient avec Express et qui nous permet de travailler avec Express. Alors évidemment on n’a pas besoin de tout mais ce qui est intéressant aussi, regardez c’est ça, ça vient d’être ajouté à votre package.json, les dépendances à votre projet. On vient ici d’ajouter Express à notre projet et surtout Express a été rendue disponible puisque maintenant il fait partie des dépendances. Alors on verra un petit plus tard ce que ça veut dire ça et comment ça fonctionne. Pour le moment, ce qui nous intéresse vraiment, c’est Express. Alors ce qui est bien, c’est que maintenant on va pouvoir suivre le guide. On peut prendre le hello world qui est là, et le reproduire. Et regardez, je vais le prendre, je vais le mettre dans mon projet, et je vais vous expliquer, partie après partie, ce qui va se passer. Ici il y a un require qui est fait d’Express, ensuite, on crée une variable app. Alors, cette variable app ici, en fait, c’est Express ni plus, ni moins qui se trouve au-dessus donc on démarre Express. D’accord ? Et ensuite, cette variable app, c’est elle qu’on va utiliser, et donc, regardez ce qu’on avait avant, c’est plus le serveur http là, sur lequel on va devoir travailler, mais c’est directement l’application Express. Qu’est-ce qu’elle va faire? Elle va être en capacité de récupérer par exemple des url sur un verbe particulier, ça, ça devient très intéressant, et donc d’obtenir ensuite à l’intérieur la requête et la réponse, et donc de pouvoir travailler avec. Alors vous voyez que là c’est les nommages un petit peu long qui ont été mis en place, on peut réduire ces nommages-là, faire des nommages courts et utiliser ES 6. Il y a autre chose aussi, c’est qu’ici ils ont pas fait les petits points virgules à la fin. Les points-virgules c’est quand même utiles parce que c’est souvent utilisé, voilà, c’est mieux quand même de les mettre. Ça fait partie des normes JavaScript, mettez-les. Alors on va se retrouver avec un code qui ressemble à ça. C’est pas trop mal parce que du coup ici, ça démarre tout seul, et voyez que là, on a dix lignes, en dix lignes on a déjà un serveur qui est capable de faire un rendu sur le « / ». Et en plus de ça, la response ici, ça va être tout de suite du html. Ça c’est bien pour nous, bon bah, et si on essayait. Attention maintenant c’est node app.js, donc là, ça fonctionne. Et si je lance node, ça marche pas. Alors attention, il faut bien faire attention à ça, il faut lancer que app.js,, vous êtes obligés. C’est la même chose, ça ne change rien. Votre application est en train de tourner sur le port 3000. Alors si vous voulez améliorer ça pour ce qu'on a vu tout à l’heure, c’est-à-dire qu’on va simplement ajouter localhost:3000. Et comme ça, ça va être bon, on va pouvoir cliquer dessus. Bon, je relance. On va sur le port 3000 et regardez, hello world, ah, ça c’est intéressant et c’est déjà du html. Pas besoin de s’embêter, Mieux que ça, on va aller regarder un petit peu ici le code source, bon, évidemment, c’est du html mais il n’y a pas l’information. Par contre, ce qui est génial, c’est que si vous rechargez ici au niveau du network, vous irez regarder ici les headers qui ont été transférés. Effectivement, on voit bien qu'à l’intérieur ici, on a des informations et c’est powered by Express. Donc c’est lui qui se débrouille directement pour faire le rendu, et il y a absolument toutes les informations sans qu’on ait besoin de coder quoi que ce soit. C’est déjà travaillé pour nous, pas besoin de faire quoi que ce soit. Ça c’est vraiment génial. On est sur un framework qui va nous permettre de travailler très rapidement avec des pages, de faire des rendus en quelques secondes et de pouvoir ensuite ici câbler beaucoup de logiques, parce que vous allez vous concentrer ici sur la logique de votre application ou de votre api. Et vous n'allez plus vous concentrer, et ça c’est bien, sur le comportement de votre serveur, ou comment est-ce qu'il doit utiliser le contenu, etc. Non, vous, vous allez simplement câbler les routes, câbler les réponses, et c’est tout ce que vous aurez à faire. C’est vraiment super sympa, on va avoir beaucoup de possibilités avec Express, Bien sûr je vais pas débattre d’Express complètement. C’est pas une formation Express, mais on va quand même voir quelques petits aspects sympas, notamment, comment on fait du routing puisqu’on l’a déjà fait tout à l’heure, donc on va essayer de voir comment ça marche ici et comment on va récupérer des paramètres puisque là on va avoir possibilité de faire de la récupération de paramètres très facilement.

L'essentiel de Node.js

Exploitez les possibilités de Node.js et créez des applications côté serveur entièrement en JavaScript. Travaillez avec des requêtes web, gérez le protocole WebSocket, etc.

4h00 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Node.js Node.js 7.0
Spécial abonnés
Date de parution :26 déc. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !