Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de Node.js

Utiliser le routing

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Pour créer un serveur puissant, vous utiliserez le moteur de routing. Vous pourrez également déclarer des routes sur des contrôleurs, très simplement.
05:11

Transcription

Alors le routing avec Express, c’est pas très compliqué, c’est même relativement simple en réalité, il n’y a pas grand chose à faire. En fait, vous avez déjà compris qu’ici concrètement, si je viens mettre un «app. », par exemple « post » sur quelque chose, genre sur « / » par exemple, je peux intercepter la req et la res et ici je peux travailler avec et faire quelque chose. Donc ça c’est déjà un bon point parce qu'Express vous permet d’automatiser ça et vous pouvez le faire sur tous les verbes, donc ça va être sur le verbe put, sur le verbe delete ça marche aussi. Donc on a la possibilité d’intercepter des données. Alors attention, je parle pas encore ici de récupérer les paramètres, on n’est pas encore à cette partie-là, ce sera pour après. Pour le moment, on va d’abord se concentrer sur essayer de faire refonctionner ce qu’on avait. Donc ce que j’aimerais bien moi personnellement, c’est qu’ici mon dossier, qui est mon dossier public, vu que j’ai un index.html dedans, bah j’ai pas besoin de le servir parce qu’un serveur web quand il va sur un dossier, il va forcément servir index.html, il n’y a pas besoin de le référencer, normalement. Bien évidemment, Express est en capacité de faire ça. Alors il va falloir utiliser app.use, donc ça, ça veut dire Express utilise, donc on est en train de demander à Express d’utiliser quelque chose. et on va aller appeler express.static et on va lui donner un répertoire, le répertoire c’est le répertoire public, pourquoi ? Parce qu’on sait qu’on a des fichiers static dans public. Donc on va demander au travers d’Express à l’outil static de chercher le dossier public et de le mettre à disposition dans app. Ce qui est intéressant c’est que du coup ici, on va pouvoir, par exemple, se câbler une route qui s’appelle hello qui rendra Hello World. Par contre, si je mets sur « / », étant donné qu’il va me chercher forcément le dossier public, je devrais logiquement en GET me retrouver sur mon index.html. Donc ça, on va pouvoir le tester, on va lancer ici le serveur et effectivement, quand on va se rendre ici, on va se rendre compte qu’il y a un souci, c’est qu’il n’est pas en capacité de l’utiliser. Alors pourquoi il n’est pas en capacité de l’utiliser ? Tout simplement parce que, regardez, je vais demander public, mais c’est ./public. Il faut bien faire attention ici à ce que vous lui demandez au niveau des chemins. Parce que sinon, il n’est pas en capacité de trouver tout seul, alors faites attention, c’est un petit peu tatillon. Ça c’était un important de vous le montrer parce que /public, pour lui ça veut rien dire, il sait pas où est-ce qu’il doit chercher. Alors que « . », ça veut bien dire depuis la racine dans le dossier public, donc, faites attention à ça, c’est important. A partir de là, ce qui est génial, c’est qu’on va pouvoir aller chercher n’importe quel fichier qui se trouve dans le dossier public. Et quand j’entends n’importe quel fichier, je veux bien parler évidemment du style .css. Le style «.css », regardez, c’est un fichier, eh bien, il est accessible. En fait, en ouvrant comme ça un dossier, en le rendant static, vous permettez à Express de servir des fichiers qui se trouveraient dans ce dossier et de façon static. En fait, vous venez de créer ce qu’on avait fait ensemble qui était extrêmement compliqué, où il fallait piper etc., en une seule ligne. Vous voyez que quand même, ça permet d’aller un petit peu plus vite, mine de rien. Alors si vous vous souvenez bien aussi, l’index.html ici, on avait référencé à un moment un link réel, donc un link comme ça stylesheet, d’aller chercher style.css parce que pour le coup ici, on sait que style.css c’est dans public. Donc concrètement, il est en capacité de nous le trouver, donc il n’y aurait pas de problème pour nous de le trouver. Alors par contre, faites attention c’est que là, on n’avait pas de h1 donc comme la couleur qu’on avait mis était uniquement sur le h1, je vous conseille de créer un petit h1 pour tester, voilà. On va mettre juste simplement Test de titre comme ça, et on va recharger la page, et effectivement, on voit bien que le style.css, il est récupéré aussi. Donc vous rendez des choses static très facilement. Maintenant pour le POST, est-ce que ça fonctionne? Bah écoutez, il suffit simplement de vérifier. alors là, ce qu’on pourrait faire c’est faire un res.send parce que si on n’en fait pas, on va être un petit peu embêté, on va pas avoir de réponse. Et ici, on pourrait lui renvoyer, pourquoi pas, Formulaire envoyé. Donc là, on va avoir normalement le Formulaire envoyé, Alors attention, ça ne recharge pas. Souvenez-vous de ça, on est obligé bien sûr de recharger. Là on va remplir les infos et puis on va faire Envoyer. Effectivement, on arrive sur une nouvelle page Formulaire envoyé. Donc vous voyez aussi qu’on peut faire du routing très facilement en disant du get, du post etc. Et puis on vient câbler la logique à l’intérieur, puis c’est quasiment tout, c’est très simple. Du coup ça veut dire que notre get hello, il doit fonctionner aussi, /hello, on a bien le Hello World qui s’affiche. Vous voyez que le routing sous Express, on l’a pas vu forcément dans les grandes lignes. Evidemment, on l’a vu mais on ne l’a pas vu de façon précise, on peut faire beaucoup de choses. Si vous voulez pousser sur le routing, je vous conseille d’aller regarder le guide complet sur le routing que vous avez là, qui vous expliquera tout ce que vous pouvez faire, tout ce que vous pouvez utiliser, vous verrez que c’est extrêmement compliqué, on peut mettre beaucoup beaucoup de choses. Donc c’est vrai que c’est génial, ça va vous permettre facilement de faire des choses, mais il faut faire attention à ce qu’on fait évidemment parce qu’on a beaucoup de possibilités dans Express, donc il faut vraiment vraiment faire attention, y aller doucement, et regarder ce qu’il y a à l’intérieur de cette documentation, vous verrez, Express, pour faire des serveurs web, ça fait des merveilles.

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
Votre/vos formateur(s) :
Date de parution :26 déc. 2016
Durée :4h00 (44 vidéos)

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 !