Alphorm 160311113619

10/03/2016
Formation
Avance de NodeJS
douard FERRARI
Site : http://www.alphorm.com Formateur et Consultant indpendant
Blog : http://blog.alphorm.com Contact : [email protected]
Formation NodeJS, avanc alphorm.com
1
10/03/2016
Plan
Prsentation du formateur
Plan de formation
Objectifs de la formation
Public concern
Les possibilits de NodeJS
Les connaissances requises
2
10/03/2016
Prsentation du formateur
Edouard FERRARI
[email protected]
Dveloppeur full stack chez Summview
Mission de conseil, darchitecture et de migration
Mes rfrences :
LinkedIn : https://fr.linkedin.com/in/edouardferrari
Alphorm : http://www.alphorm.com/formateur/edouard-ferrari
Github : https://github.com/didouard
3
10/03/2016
Plan de la formation
Prsentation de la formation Lasynchrone en dtail
Prsentation de la formation Callback Hell & Pyramid of Doom
Scnario de la formation Async : Cours
Node et le Web : HTTP, Request & Express Async : Correction d'exercice
Primtre du module HTTP Les promesses avec Q : Les fondamentaux

Request Les promesses avec Q : Gestion des erreurs et les accs
directs
Serveur Web avec Express
Les promesses avec Q : Flow, Timers et I/O
Express : Router les requtes
Express : Le gestionnaire de route Les promesses : Exercices
Express : les fichiers statiques

Communication temps rel
Express : Utiliser les middlewares
Socket.io
Express : Les moteurs de template
Intgration Express
Side Project : ChatWithMe
Projet : ChatWithMe Partie 1
Projet : ChatWithMe Partie 2
4
10/03/2016
Plan de la formation
Liaison avec la persistance des donnes Bonus
Intraction avec une base de donnes relationnelle (Mysql) PM2, le monitoring
Sequelize, l'introduction Keymetric, la supervision
Sequelize, les associations
Conclusion
Intgration avec une base de donnes NoSQL : Redis
Intgration avec une base de donnes NoSQL : Mongo,
l'introduction
Intgration avec une base de donnes NoSQL : Mongo, les
associations
Intgration de MySQL ChatWithMe
Intgration de Sequelize ChatWithMe
Intgration de MongoDB ChatWithMe
5
10/03/2016
Objectifs de la formation
Apprendre et comprendre les diffrentes mthodes asynchrones de
NodeJS.
Apprendre concevoir un projet important.
Comprendre comment fonctionne un des frameworks les plus utiliss

de NodeJS.
Mettre en place un systme MVC et une abstraction de base de
donnes.
Savoir dvelopper une application web dun niveau professionnel.
6
10/03/2016
Public concern
qui sadresse cette formation :
Aux tudiants
Aux dveloppeurs
Aux chefs de projet
Aux amoureux des nouvelles technologies
Ceux qui veulent dcouvrir levent coding et lasynchrone
Ceux qui ont besoin dune architecture robuste, scalable et modulaire
Pour un projet orient Web ou pour un projet back
Les possibilits sont infinies et immenses !
7
10/03/2016
Les possibilits de NodeJS

Serveur et site internet complexe
Application console
Service rseau sur mesure (Proxies, gestion rseau, )
Application avec GUI (Graphical User Interface)
Outils en ligne de commandes
APIs
Support des sockets
Chargement du code node au premier appel HTTP
8
10/03/2016
Les connaissances requises

Au minimum :
Connaissance de base en Javascript
Autodidacte
Connaissance globale en programmation
Connaissance en rseau / internet
Connaissance en asynchrone
Connaissance en event-driven architecture
Bien connaitre les modules natifs de NodeJS
9
10/03/2016
Liens et ressources
NodeJS API : https://nodejs.org/api/ !!!
Projet github en nodejs :

https://github.com/search?utf8=%E2%9C%93&q=nodejs
Stackoverflow : http://stackoverflow.com/tags/node.js
Nodecloud : http://www.nodecloud.org/
10
10/03/2016
Are you ready ?
11
10/03/2016
Scnario
de la formation
douard FERRARI
12
10/03/2016
Plan
Formation
Side project : ChatWithMe
13
10/03/2016
Formation
Cette formation est une seconde partie de la formation complte de
NodeJs, les fondamentaux.
Dans cette seconde partie, nous verrons ensemble :
Comment utiliser un des frameworks les plus utiliss de NodeJS : Express
Deux mthodes de code asynchrone.
Comment communiquer du code JavaScript ct client (navigateur web)
Comment sauvegarder nos donnes dans des bases de donnes ou dans des
fichiers
En plus, dans cette formation, nous dvelopperons une plateforme web

sur le modle MVC et avec une abstraction de base de donne.
14
10/03/2016
Side Project : ChatWithMe

partir dun squelette, nous allons dvelopper une base solide dun
chat.
Nous dvelopperons par tape
1. Le serveur web.
2. La communication en temps rel avec le navigateur.
3. La sauvegarde des donnes.
4. Le monitoring de lapplication
Libre vous damliorer ce projet aprs cette formation.
15
10/03/2016
Ce quon a couvert
Les cours, les exercices et le side-project sont complmentaires.
Nous allons voir beaucoup de code.
Vous pouvez tlcharger toutes les sources dans votre espace

utilisateur sur Alphorm.com
Prochain chapitre:
Node et le Web : HTTP, Request & Express
16
10/03/2016
Node et le Web
Primtre
du module HTTP
douard FERRARI
17
10/03/2016
Plan
Rappel
Une requte HTTP (partie client)
Un serveur HTTP (partie serveur)
18
10/03/2016
Rappel
Le module HTTP permet de :
Crer un client pour interagir avec un serveur HTTP.
Crer soit mme un serveur HTTP.
Manipuler les headers et user-agents
Ce module est une surcouche au module NET.
API https://nodejs.org/api/http.html
19
10/03/2016
Une requte HTTP (partie client)

Crons notre premier script pour envoyer une requte avec http
Dans FR_260_02_00/Exercices/
Faire un script qui se connectera lURL https://httpbin.org/get en GET
Faire un script qui se connectera lURL https://httpbin.org/post en POST
avec en formData :
User : bob
Message : Bonjour !
Correction :
FR_260_02_00/Exercices/exercice_request_get_corrig.js
FR_260_02_00/Exercices/exercice_request_post_corrig.js
20
10/03/2016
Un serveur HTTP (partie serveur)

Dvelopper un serveur HTTP et grer diffremment les requtes GET et

POST
Bonus : Grer deux routes diffrentes :
http://localhost:12000/users
http://localhost:12000/media
Correction : FR_260_02_00/Exercices/exercice_server_http_corrig.js
21
10/03/2016
Ce quon a couvert
Dans cette vido, nous avons vu :
Un rapide rappel de NodeJS
Comment lancer une requte HTTP avec le module natif.
La difficult de crer un serveur HTTP avec le module natif.
Dans la prochaine vido, nous verrons le module Request, qui est une
abstraction des modules natifs HTTP/HTTPS, et qui prend en charge
normment de fonctionnalits.
22
10/03/2016
Node et le Web
Request
douard FERRARI
23
10/03/2016
Plan
Le module Request
Les requtes HTTP(s)
24
10/03/2016
Le module Request
Le module Request est une abstraction de diffrents modules natifs de
NodeJs.
Il est design pour tre le plus simple possible dutilisation.
Supporte :
HTTP / HTTPS
Suit les redirections 2xx
Gre les requtes en event ou stream/pipe

API https://github.com/request/request
25
10/03/2016
Les requtes HTTP(s)

Crons notre premier script pour envoyer une requte avec request
Faire un script qui se connectera lURL https://httpbin.org/get en GET
Faire un script qui se connectera lURL https://httpbin.org/post en POST
avec en formData :
User : bob
Message : Bonjour !
Correction :
FR_260_02_01/Exercices/exercice_request_get_corrig.js
FR_260_02_01/Exercices/exercice_request_post_corrig.js
26
10/03/2016
Ce quon a couvert
Comment lancer des requtes HTTP(s) avec request
Prochaine vido :
Serveur Web avec Express
27
10/03/2016
Node et le Web
Serveur Web
avec Express
douard FERRARI
28
10/03/2016
Plan
Quest-ce quExpress ?
Installation
Hello word
le Generator
29
10/03/2016
Quest-ce quExpress ?
Express est une infrastructure web minimaliste, souple et rapide pour
Node.JS
Express fournit un ensemble de fonctionnalits robustes pour les
applications web et mobiles.
Grce une foule de mthodes utilitaires HTTP et de middleware mise
votre disposition, la cration d'une API robuste est simple et rapide.
Express apporte une couche fine de fonctionnalits d'application Web
fondamentales, sans masquer les fonctionnalits de Node.js que vous
connaissez et apprciez.
30
10/03/2016
Installation
Allez dans FR_260_02_02/Cours/hello_word
Crer un projet NodeJS : npm init
Puis installer express : npm install --save express
31
10/03/2016
Hello word
Lets code
Cours : FR_260_02_02/Cours/hello_word/index.js
32
10/03/2016
Le Generator
Le generator est un outil pour crer un squelette rapidement.
Dans FR_260_02_02/Cours/
Installer le generator : $> npm install express-generator g
Gnrer un projet : $> express myapp
Aller dans le projet : $> cd myapp
Installer les modules ncessaires : $> npm install
Lancer le projet : $> DEBUG=myapp:* npm start
33
10/03/2016
Ce quon a couvert
Comment crer un projet Express
Comment crer un serveur HTTP trs light
Comment gnrer un squelette pour express
Prochaine vido :
Express : Router les requtes
34
10/03/2016
Node et le Web
Express :
Router les requtes
douard FERRARI
35
10/03/2016
Plan
Quest-ce quune route ?
Comment dfinir une route avec Express ?
36
10/03/2016
Quest-ce quune route ?

Une route est un path contenu dans une URL :
http://example.com/users
http://example.com/contats
http://example.com/user/eferrari
http://example.com/user/eferrari/contacts
37
10/03/2016

On peut dfinir une route telle quelle :
app.METHOD(PATH, HANDLER)
App est linstance dExpress

METHOD est une mthode de requte HTTP
PATH est la route dfinie
HANDLER est la fonction qui sera appele.
Cours : FR_260_02_03/Cours/routes/routes_basiques.js
38
10/03/2016

Il est possible de mettre des regex dans le path.
Cours : FR_260_02_03/Cours/routes/routes_regex.js
39
10/03/2016

Il est possible de chainer les routes.
Cours : FR_260_02_03/Cours/routes/routes_chaines.js
40
10/03/2016

Il est possible de crer des modules pour mieux architecturer notre
projet avec la class express.Router.
Cette classe est une instance complte avec les middlewares et son
systme de routing. Dans la doc, on peut le retrouver comme appell
une mini-app.
Cours : FR_260_02_03/Cours/routes/routes_miniapp.js
41
10/03/2016
Ce quon a couvert
Ce qutait une route.
Comment dfinir une route avec Express de plusieurs faons.
Prochaine vido :
Express : Le gestionnaire de route
42
10/03/2016
Node et le Web
Express :
Le gestionnaire des routes
douard FERRARI
43
10/03/2016
Plan
Exemple
44
10/03/2016

Avec le gestionnaire, on peut fournir plusieurs callback.
la fin de chaque fonction, on appelle next()
On peut utiliser ce mcanisme pour imposer une prcondition sur une

route (Authentification, Autorisation )
Le gestionnaire peut tre une fonction, un tableau de fonction, ou les
deux.
45
10/03/2016
Exemple
Lets code
Cours : FR_260_02_04/Cours/gestionnaire_de_route.js
46
10/03/2016
Ce quon a couvert
Comme nous pouvions grer les conditions lappel dune route
Prochaine vido :
Express : Les fichiers statiques
47
10/03/2016
Node et le Web
Express :
Les fichiers statiques
douard FERRARI
48
10/03/2016
Plan
Comment les fichiers statiques sont grs ?
Exemple
49
10/03/2016
Comment les fichiers statiques sont grs ?

Pour servir les fichiers statiques tels que les fichiers CSS ou JS, il faut
faire appel express.static
app.use(express.static('public'));
Il est possible de dfinir plusieurs rpertoires statiques.

app.use(express.static('public'));
app.use(express.static('files'));
De plus, nous pouvons dfinir un rpertoire statique dans un chemin

virtuel.
app.use('/static', express.static('public'));
50
10/03/2016
Exemple
Lets code
Cours : FR_260_02_05/Cours/*
51
10/03/2016
Ce quon a couvert
Comment grer les fichiers statiques
Prochaine vido :
Express : Ecrire un middleware
52
10/03/2016
Node et le Web
Express :
Ecrire un middleware
douard FERRARI
53
10/03/2016
Plan
Quest-ce quun middleware ?
Lordre des fonctions
Les diffrentes possibilits des middlewares
54
10/03/2016

Express est une infrastructure web de routage.
Il y a peu de fonctionnalits prsentes par dfaut.
Une application dveloppe avec Express, nest ni plus ni moins quune

succession dappels de fonctions middleware.
Un middleware est une fonction qui a 3 arguments :
req : Classe Request, contient les informations de la requte
res : Classe Response, permet de forger la rponse
next : fonction middleware, qui appelle le middleware suivant
55
10/03/2016

Les fonctions middleware effectuent les tches suivantes :
Excuter tout type de code.
Apporter des modifications aux objets de demande et de rponse.
Terminer le cycle de demande-rponse.
Appeler le middleware suivant dans la pile.
Attention : Une fonction middleware doit appeler la fonction next() pour

transmettre le contrle la fonction middleware suivante. Sinon, la
demande restera bloque.
Cours : FR_260_02_06/Cours/middleware_logger.js
56
10/03/2016
Lordre des fonctions

Lordre des fonctions est trs important.
Une fois quune fonction middleware finit le cycle, toutes les fonctions
qui se trouvent aprs ne seront pas appeles.
Cours : FR_260_02_06/Cours/middleware_logger.js
57
10/03/2016
Les diffrentes possibilits des middlewares

Il est possible de transmettre stocker des informations dans request ou
response.
Par exemple pour :
Rcuprer plus d'information sur le serveur (header)
Ajouter des lments ncessaires la rponse
Faire un middleware d'authentification (Oauth, ...)
Utiliser un moteur de modle
Parse un body d'une requte POST
...
Cours : FR_260_02_06/Cours/middleware_time.js
58
10/03/2016
Ce quon a couvert
Quest ce qutait un middleware
Nous avons pu voir comprendre comment Express fonctionne.
Les diffrentes possibilits offertes par les middlewares
Prochaine vido :
Express : Les moteurs de template
59
10/03/2016
Node et le Web
Express :
Les moteurs de template
douard FERRARI
60
10/03/2016
Plan
Intgrer un moteur de template
Consolidate.js : Intgration dans Express
61
10/03/2016
Intgrer un moteur de template

Un moteur de template permet de gnrer du code HTML partir d'un
code plus simple.
On peut y intgrer des variables et des objets, ce qui permet de rendre
le template "dynamique".
Le template est le squelette de la page.
Suivant les donnes que nous recevons du Model (db, api, etc), le
moteur de template va complter le template et gnrer de l'HTML.
Avec Express, on utilise beaucoup Jade.
Cours : FR_260_02_06/Cours/express_jade.js
62
10/03/2016
Consolidate.js : Intgration dans Express

Consolidate.js rassemble normment de moteurs de template :
atpl
doT.js (website)
dust (unmaintained) (website)

Cours : FR_260_02_06/Cours/express_consolidate.js
63
10/03/2016
Ce quon a couvert
Quelle est lutilit dun moteur de template.
Comment lutiliser et comment envoyer des variables au template.
Prochaine vido :
64
10/03/2016
Node et le Web
Side project :
ChatWithMe
douard FERRARI
65
10/03/2016
Plan
Crer le projet avec Express
Crer un projet sur github
Lier le projet sur github
Initialiser NPM
Copier le code
66
10/03/2016
Hello word
Lets code
67
10/03/2016
Ce quon a couvert
Nous avons une bonne base pour commencer le dveloppement de
notre application !
Prochain chapitre :
Lasynchrone en dtail
68
10/03/2016
Callback
Hell & Pyramid of Doom
douard FERRARI
69
10/03/2016
Plan
Pyramid of doom
Callback hell
Comment viter les piges ?
70
10/03/2016
Pyramid of doom
La pyramide de la malediction
Cest le fait denchainer les blocks en cascade
71
10/03/2016
Callback hell
En JavaScript, quand une tche est faite, la callback dfinie est appele
On peut rapidement arriver un code comme ci-dessous:
72
10/03/2016
Comment viter les piges ?

Nommer les fonctions anonymes
Le code est plus simple lire
Quand une exception arrive, les fonctions dans la stacktrace seront nommes
Garder le code peu profond
Modulariser !
Node permet de crer des modules trs facilement, profitez s'en !
Issac Schlueter "Ecrire de petits modules qui font qu'une seule chose, puis les
assembler dans d'autres modules qui feront de plus grande chose. Vous ne
pouvez pas entrer dans l'enfer rappel si vous n'y allez pas."
73
10/03/2016
Exemple
Lets code
Exercices: FR_260_03_00/Exercice/code_sale.js
Corrig: FR_260_03_00/Exercice/code_sale_corrig.js
74
10/03/2016
Ce quon a couvert
Quelles sont les plus gros piges de JavaScript et de NodeJS
Prochaine vido :
Async : Cours
75
10/03/2016
Async : Cours
douard FERRARI
76
10/03/2016
Plan
Quest-ce que Async ?
Exemples
77
10/03/2016
Quest-ce que async ?

API : https://github.com/caolan/async
Async est un module communautaire qui fournit de simple et de

puissantes fonctions pour travailler avec les fonctions JS asynchrones.
Async gre 3 categories :
Les collections
Le control Flow
Utils
78
10/03/2016
Exemples
Cours: FR_260_03_01/Cours/
79
10/03/2016
Exemple
Lets code
Cours: FR_260_03_00/Cours/code_sale.js
80
10/03/2016
Ce quon a couvert
Les principaux usages de async
Filter
Map
Parallel
Serie
waterfall
Prochaine vido :
Async : Exercices
81
10/03/2016
Async : Exercices
Partie 1
douard FERRARI
82
10/03/2016
Plan
Async-you
Waterfall
Series objects
Each
Map
83
10/03/2016
Async-you
Async-you est un programme intractif qui corrigera automatiquement
vos exercices.
Tous les exercices sont traduits en francais.
Je commenterai moi-mme le code corrig
Pour installer :
$> npm install g async-you
Pour lancer :
$> async-you
Changer la langue en Francais, si vous le dsirez
84
10/03/2016
Async-you
Lets code
Exercices: FR_260_03_02/Exercices/
85
10/03/2016
Ce quon a couvert
Waterfall
Serie
Each
Map
Prochaine vido :
Async : Exercices Partie 2
86
10/03/2016
Async : Exercices
Partie 2
douard FERRARI
87
10/03/2016
Plan
Async-you
Times
Reduce
Whilst
88
10/03/2016
Async-you
Lets code
89
10/03/2016
Ce quon a couvert
Times
Reduce
whilst
Prochaine vido :
Les promesses avec Q: Les fondamentaux
90
10/03/2016
Les promesses avec Q :
Les fondamentaux
douard FERRARI
91
10/03/2016
Plan
Quest-ce que sont les promesses?
Module Q
Installation de Q
Faire une promesse base sur une tche
Chainer les actions
92
10/03/2016
Quest-ce que Promise ?

Promise en anglais
Les promises fournissent une alternative aux callbacks lorsquon traite

un code asynchrone.
Une promesse est une abstraction pour la programmation asynchrone.
Cest un objet qui proxifie une valeur de retour ou une exception

renvoye par une fonction qui doit faire un traitement asynchrone.
Malheureusement, la comprhension des promesses nest pas facile.
93
10/03/2016
Module Q
Il existe plusieurs interprtations des promesses.
Les promesses sont intgres dans ECMAscript6
API : https://github.com/kriskowal/q
Cours: FR_260_03_03/Cours/introduction.js
94
10/03/2016
Installation de Q
Avec nodeJS
$> npm install q
Cot client, avec un navigateur web

<script src="q.min.js"></script>
95
10/03/2016
Faire une promesse base sur une tache
Lets code
Cours: FR_260_03_03/Cours/premiere_promesse.js
96
10/03/2016
Chainer les actions
Lets code
Cours: FR_260_03_03/Cours/chainer_les_actions.js
97
10/03/2016
Ce quon a couvert
Les principaux usages des promesses avec Q
Comment crer une promesse
Comment chainer plusieurs actions
Prochaine vido :
Les promesses avec Q : les conditions et les boucles
98
10/03/2016
Les conditions et les
boucles
douard FERRARI
99
10/03/2016
Plan
Utilisation de condition dans une promesse
Utilisation de boucle avec une promesse
100
10/03/2016
Utilisation de condition dans une promesse
Lets code
Cours: FR_260_03_05/Cours/condition.js
101
10/03/2016
Utilisation dune boucle avec une promesse
Lets code
Cours: FR_260_03_05/Cours/boucle.js
102
10/03/2016
Ce quon a couvert
Comment grer les conditions et les boucles
Prochaine vido :
Les promesses avec Q : la gestions des erreurs
103
10/03/2016
La gestion des erreurs
et les accs directs
douard FERRARI
104
10/03/2016
Plan
La gestion des erreurs avec Q
Gestion des objets avec les mthodes
105
10/03/2016
La gestion des erreurs avec Q

Q inclut une gestion standard des erreurs
La fonction then peut prendre deux arguments, le second argument est

une fonction anonyme qui sera appele si une erreur intervient
De plus avec deferred, on peut appeler .reject(arg en erreur).
En plus des .then(), on peut ajouter un .fail() qui rcuprera les erreurs
non traites.
Cours: FR_260_03_06/Cours/erreurs.js
106
10/03/2016
Gestion des objets avec les mthodes

Il est possible d'utiliser des mthodes de Q qui vont vous permettre de
manipuler les donnes lors du flow des promesses.
C'est un gain de temps
Permettra de rendre votre code encore plus clair et concis.
Cours: FR_260_03_06/Cours/manipulation_object.js
107
10/03/2016
Ce quon a couvert
Comment grer les erreurs
Comment accder en direct certaines fonctions de Q
Prochaine vido :
Les promesses avec Q : Flow, Timers et I/O
108
10/03/2016
Flow, Timers et I/O
douard FERRARI
109
10/03/2016
Plan
Composer un flow
Les timers
Les modules I/O
110
10/03/2016
Composer un flow
Les promesses de base supportent seulement un seul flow la fois. Q permet de
grer plusieurs flow.
Imaginons, nous avons deux flow :
Un qui fait une requte
Un qui log la tche
Grce Q, il est possible de regrouper plusieurs promesses distinctes sous une

"grosse" promesse.
Si un des deux flow a une erreur, l'autre tche est quand mme excute
Si une des sous-promesses est en erreur, toutes les promesses sont arrtes et
mises en "fail".
Cours: FR_260_03_07/Cours/composer_un_flow.js
111
10/03/2016
Les timers
Les promesses ont deux systmes de contrle de temps :
.delay(ms)
.timeout(ms)
Cours: FR_260_03_07/Cours/timers.js
112
10/03/2016
Les modules I/O

Q nous propose des fonctions qui permettent de faire appel des
fonctions des modules I/O :
Q.nfapply(func, args)
Q.nfcall(func, arg1, arg2, ...)
Q.nfbind(func, arg1, arg2,...)
Q.npost(obj, name, args)
Q.nsend(obj, name, arg1, arg2, ...)
Ne fonctionne pas avec le module HTTP
Cours: FR_260_03_07/Cours/module_io.js
113
10/03/2016
Ce quon a couvert
Comment composer un flow complex
Comment utiliser les timers
Comment utiliser les modules I/O
Prochaine vido :
Les promesses : Exercices Partie 1
114
10/03/2016
Les promesses :
Exercices Partie 1
douard FERRARI
115
10/03/2016
Plan
promise-it-wont-hurt
Accomplir une promesse
Rejeter une promesse
Rejet ou ne pas rejeter
Toujours asynchrones
Valeurs et promesses
Lever une erreur
116
10/03/2016
Promise-it-wont-hurt est un programme intractif qui corrigera
automatiquement vos exercices.
Tous les exercices sont traduits en franais.
Je commenterai moi-mme le code corrig
Pour installer :
$> npm install g promise-it-wont-hurt
Pour lancer :
$> promise-it-wont-hurt
Changer la langue en Franais, si vous le dsirez
117
10/03/2016
Lets code
118
10/03/2016
Ce quon a couvert
Dans cette vido, nous avons revu les principaux usages des promises.
Prochain chapitre :
Les promesses : Exercices Partie 2
119
10/03/2016
Les promesses :
Exercices Partie 2
douard FERRARI
120
10/03/2016
Plan
Utiliser qfcall
Une rgle importante

Promesses multiples
Rcurrer un JSON
Faire plus de boulot
121
10/03/2016
Lets code
122
10/03/2016
Ce quon a couvert
Dans cette vido, nous avons revu les principaux usages des promises.
Prochain chapitre :
123
10/03/2016
Socket.io
douard FERRARI
124
10/03/2016
Plan
Un peu d'histoire
WebSocket
125
10/03/2016
Un peu d'histoire
Avant, pour mettre jour une information sur une page web :
Tous les 5 minutes, nous mettons jour nos donnes.
C'est aussi efficace que le protocole "Transmission de datagramme IP

par pigeons"
http://www.rfc-editor.org/rfc/rfc1149.txt
126
10/03/2016
Un peu d'histoire
Vu qu'on veut mettre jour souvent, on baisse le rafraichissement
En crant autant de requtes, de nouveaux problmes apparaissent :

Si la requte HTTP met plus de 100 millisecondes, deux requtes sont lances
paralllement.
Quand le serveur n'a pas de nouvelle donne, ces requtes sont toutes
simplement de la consommation de ressource inutile.
127
10/03/2016
Un peu d'histoire
Puis, nous utilisions le "long pooling"
Cette technique garde la connexion ouverte jusqu avoir une rponse

serveur.
Cela a permis de rduire considrablement la latence et la bande
passante.
C'est la mthode qui se rapproche le plus des WebSockets.
128
10/03/2016
WebScocket
Les WebSocket permettent de fournir un mcanisme pour les
navigateurs qui ont besoin de communiquer
Avec un navigateur
Des deux sens (upload, download)
et reste ouvert aprs avoir reu les donnes
Il est ajout partir du protocole HTTP/1.1
Malgr a, il reste deux problmes majeurs :

Le serveur de destination et tous les serveurs en relais (Cache, Reverse proxy,
load balancer, ...) doivent savoir comment grer ce protocole.
Beaucoup d'ancien navigateur ne supporte pas ce protocole.
129
10/03/2016
Ce quon a couvert
A partir de quelle problmatique les websocket et socket.io ont t crs
Une rapide overview du protocole websocket.
Prochaine vido :
Intgration dans Express
130
10/03/2016

Intgration Express
douard FERRARI
131
10/03/2016
Plan
Ajouter le code ct serveur
Ajouter le code ct client
132
10/03/2016
Cours
Ajouter le code ct serveur

Cours : FR_260_04_01/Cours/
133
10/03/2016
Cours
Ajouter le code ct client

134
10/03/2016
Side project: ChatWithMe

Intgrer socket.io dans ChatWithMe
Side project : ChatWithMe/
135
10/03/2016
Ce quon a couvert
Dans cette vido, nous avons vu comment prparer un projet pour
socket.io
Prochaine vido :
Projet : ChatWithMe, le code backend
136
10/03/2016

Side Project :
ChatWithMe, le code
Backend
douard FERRARI
137
10/03/2016
Plan
Arborescence des objets et des Managers
Liste des requtes vers le backend
Lets code !
138
10/03/2016
userManager User
RoomManager room
Message
139
10/03/2016
Liste des requtes backend

JoinRoom : Le user joins une room.
QuitRoom : Le user quitte la room.
SetName : Le user change de nom
NewMessage : Le user crit un nouveau message dans une room
140
10/03/2016

Quand lutilisateur se connecte au serveur :
1. Le serveur transmet la liste des rooms lutilisateur.
Quand lutilisateur rejoint une room

1. La room avertit tous ses utilisateurs quun nouvel utilisateur est arriv.
2. La room transmet tous ses informations au nouvel utilisateur.
Quand un utilisateur crit un message dans une room :

1. Linformation est reue dans lobjet user.
2. Transmets linformation lobjet room.
3. Lobjet room, transmet linformation tous les utilisateurs.
141
10/03/2016
ChatWithMe, le code Backend
Lets code
Side project: ChatWithMe/
142
10/03/2016
Ce quon a couvert
Dans cette vido, nous avons dvelopp le code backend pour les
requtes suivantes :
JoinRoom
QuitRoom
SetName
NewMessage
Prochaine vido :
Side Project : ChatWithMe, le code frontend
143
10/03/2016

Side Project :
ChatWithMe, le code
Frontend
douard FERRARI
144
10/03/2016
Plan
Arborescence des fichiers
Liste des requtes vers le frontend
Lets code !
145
10/03/2016
Realtime.js Room
146
10/03/2016

Liste des requtes frontend :
roomList : Une fois connect, le serveur envoie la liste des rooms disponibles.
joinRoom : Une fois que nous avons rejoint une room, on reoit toutes les
infos ncessaires crer une nouvelle room.
roomNewUser : Un nouveau user rentre dans une room.
roomUsers : Si quelquun rentre ou sort de la room, on est averti par cette
requte.
roomMessages : Pas implment.
roomNewMessage : Si un user crit un message, on est averti par cette
requte.
147
10/03/2016
ChatWithMe, le code Front
Lets code
Side project: ChatWithMe/
148
10/03/2016
Ce quon a couvert
Dans cette vido, nous avons dvelopp le code frontend pour les
requtes suivantes :
joinRoom
roomList
roomUsers
roomMessages
roomNewMessage
roomNewUser
Prochain chapitre :
Liaison avec la persistance des donnes
149
10/03/2016
Liaison avec la persistance

des donnes
Intgration avec une
base de donnes
relationnelle (Mysql)
douard FERRARI
150
10/03/2016
Plan
Introduction Mysql
Mysql avec Cloud9
Lets code
151
10/03/2016
Introduction Mysql
MySQL est un systme de gestion de bases de donnes relationnelles
(SGBDR).
Formation complte sur Alphorm :
http://www.alphorm.com/tutoriel/formation-en-ligne-mysql-1z0-883
Savoir comment utiliser Node.JS et Mysql est plus que ncessaire.
Mysql est une base de donnes la plus utilise dans le monde et trs
performante.
Tous les langages ont dvelopp un driver pour interagir avec Mysql.
152
10/03/2016
Mysql avec Cloud9

$> mysql-ctl start
$> mysql-ctl stop
$> mysql-ctl cli
Informations :
Hostname process.env.IP
Port - 3306 (Port par dfaut de Mysql)
User process.env.C9_USER
Password - `` (Pas de mot de passe)
Database - c9 (Le nom de la base de donnes)
153
10/03/2016
Exemple
Lets code
154
10/03/2016
Ce quon a couvert
Comment utiliser mysql avec NodeJs
Prochaine vido :
Sequelize, lintroduction
155
10/03/2016

des donnes
Sequelize, lintroduction
douard FERRARI
156
10/03/2016
Plan
Quest ce quun ORM ?
Sequelize
Lets code
157
10/03/2016
Quest-ce quun ORM

Un mapping objet-relationnel (en anglais object-relational
mapping ou ORM)
Cest une technique de programmation informatique qui cre l'illusion
d'une base de donnes oriente objet partir d'une base de donnes
relationnelle.
LORM dfinit des correspondances entre cette base de donnes et les
objets du langage utilis.
On pourrait le dsigner par :
correspondance entre monde objet et monde relationnel
158
10/03/2016
Sequelize
Sequelize est un ORM bas sur les promesses pour NodeJS
http://docs.sequelizejs.com/en/latest/
Il supporte les bases de donnes suivantes :

PostgreSQL
MySQL
MariaDB
SQLite
MSSQL
Et des fonctionnalits de transaction, relations, read replication,
159
10/03/2016
Sequelize
La premire chose faire est de dfinir les modles
Sequelize, nous permet de dfinir les champs que nous utiliserons.

http://docs.sequelizejs.com/en/latest/docs/models-definition/
160
10/03/2016
Sequelize
De plus, Sequelize fonctionne avec les promises.
Cela ne fonctionne pas !
Ce quil faut faire :
161
10/03/2016
Lets code
Maintenant, nous allons voir les grandes utilisations de Sequelize:
La configuration
La cration de tables
Linsertion de donnes
Comment retrouver ses donnes
162
10/03/2016
Ce quon a couvert
Comment utiliser sequelize
Comment viter les piges
Et partir sur de bonne base
Prochaine vido :
163
10/03/2016

des donnes
douard FERRARI
164
10/03/2016
Plan
Les diffrents types de liaison
Lets code
165
10/03/2016

Avec les ORMs, il existe plusieurs types de liaison.
Les One-to-One
BelongsTo: Appartient , un Post appartient un User.
HasOne: un object
HasMany: plusieurs object, un User peut avoir plusieurs Post.

http://docs.sequelizejs.com/en/latest/docs/associations/
166
10/03/2016

Les associations vont nous permettre de lier les donnes
Par exemples, deux tables :

Users (id, firstname, lastname)
Users-Posts (id, userId, subject, content)
167
10/03/2016
Exemple
Lets code
Cours : FR_260_05_02/Cours/association.js
168
10/03/2016
Ce quon a couvert
Comment faire des associations de table
Prochaine vido :
Interaction avec une base de donnes NoSQL : Redis
169
10/03/2016

des donnes
Interaction avec une
base de donnes
NoSQL : Redis
douard FERRARI
170
10/03/2016
Plan
Introduction Redis
Redis avec Cloud9
Lets code
171
10/03/2016
Introduction Redis
Redis (de l'anglais REmote DIctionary Server qui peut tre traduit par
serveur de dictionnaire distant et jeu de mots avec Redistribute).
Cest un systme de gestion de bases de donnes clef-valeur scalable,
trs hautes performances, crit avec le langage de programmation C.
Il fait partie du mouvement NoSQL et vise fournir les performances les
plus leves possibles.
http://redis.io/commands
172
10/03/2016
Redis avec Cloud9

Pour lancer le serveur
$> sudo service redis-server start
Pour se connecter au serveur

$> redis-cli
173
10/03/2016
Exemple
Lets code
174
10/03/2016
Ce quon a couvert
Comment utiliser redis avec NodeJs
Prochaine vido :
Interaction avec une base de donnes NoSQL : MongoDB, lintroduction
175
10/03/2016

des donnes
Intgration avec une base
de donnes NoSQL :
MongoDB, lintroduction
douard FERRARI
176
10/03/2016
Plan
Introduction MongoDB
MongoDB avec Cloud9
CRUD
177
10/03/2016
Introduction MongoDB
MongoDB de l'anglais humongous qui peut tre traduit par norme
Cest un systme de gestion de bases de donnes :

Oriente documents.
Rpartissable sur un nombre quelconque d'ordinateurs.
Ne ncessitant pas de schmas prdfinis des donnes.
Il est crit en C++.
Il fait partie du mouvement NoSQL.
178
10/03/2016
MongoDB avec Cloud9

Pour lancer le serveur
$> mongod --nojournal
Pour se connecter au serveur

$> mongo
179
10/03/2016
CRUD
Nous allons voir les principales utilisations de mongodb avec
mongoose.
Create : FR_260_05_05/Cours/create.js
Read: FR_260_05_05/Cours/read.js
Update: FR_260_05_05/Cours/update.js
Delete: FR_260_05_05/Cours/delete.js
180
10/03/2016
Pour aller plus loi

Une formation complte sur Mongodb sur Alphorm :
http://www.alphorm.com/tutoriel/formation-en-ligne-mongodb-
administration
181
10/03/2016
Ce quon a couvert
Comment utiliser MongoDB avec mongoose.
Prochaine vido :
Interaction avec une base de donnes NoSQL : MongoDB, les associations
182
10/03/2016

des donnes
Intgration avec une base
de donnes NoSQL :
MongoDB, les associations
douard FERRARI
183
10/03/2016
Plan
Les associations
Lets code
184
10/03/2016
Les associations
De la mme faon quavec MySQL, nous allons lier les users et les posts.
185
10/03/2016
Exemple
Lets code
Cours : FR_260_05_05/Cours/associate.js
186
10/03/2016
Ce quon a couvert
Comment faire des associations de documents avec MongoDb
Prochaine vido
Intgration de MySQL ChatWithMe
187
10/03/2016

des donnes
Intgration de MySQL
ChatWithMe
douard FERRARI
188
10/03/2016
Plan
Lets code
189
10/03/2016
Exemple
Lets code
190
10/03/2016
Ce quon a couvert
Dans cette vido, nous avons intgr Mysql ChatWithMe
Prochaine vido
191
10/03/2016

des donnes
Intgration de Sequelize
ChatWithMe
douard FERRARI
192
10/03/2016
Plan
Lets code
193
10/03/2016
Exemple
Lets code
194
10/03/2016
Ce quon a couvert
Dans cette vido, nous avons intgr Sequelize ChatWithMe
Prochaine vido
Intgration de MongoDB ChatWithMe
195
10/03/2016

des donnes
Intgration de MongoDB
ChatWithMe
douard FERRARI
196
10/03/2016
Plan
Lets code
197
10/03/2016
Exemple
Lets code
198
10/03/2016
Ce quon a couvert
Dans cette vido, nous avons intgr Mysql ChatWithMe
Prochaine chapitre
199
10/03/2016
Bonus
PM2, le monitoring
douard FERRARI
200
10/03/2016
Plan
Quest ce que PM2 ?
La gestion dun processus
Les actions sur le processus
Les logs
Lancer un processus avec des arguments
Les limites
201
10/03/2016
Quest ce que PM2 ?

PM2 est un gestionnaire de processus de production pour les
applications Node.js avec un load balancer intgr.
Il permet de garder les applications vivantes et les redmarrera si un
problme intervient.
Il permet aussi de recharger le code de lapplication sans couper les files
de description (Reload chaud)
https://github.com/Unitech/pm2
Installation :
$> npm install g pm2
202
10/03/2016

Dmarrer le processus :
$> pm2 start bin/www
$> pm2 start bin/www --name ChatWithMe
PM2 permet de dmarer le processus en cluster mode, cela permettra

de profiter de l'ensemble des processus de la machine.
$> pm2 start bin/www -i 0 # dmarre avec autant de processus que de
processeur.
Pour lister les processus

$> pm2 list
203
10/03/2016

Afficher plus d'informations sur un processus en particulier
$> pm2 describe 0
Monitorer les process lancs

$> pm2 monit
Retire un processus de la liste

$> pm2 delete 0
$> pm2 delete all
204
10/03/2016
Les actions sur le processus

Diffrente actions :
$> pm2 stop all # Stop tous les processus
$> pm2 restart all # Restart tous les processus
$> pm2 reload all # Redmarrer un processus sans aucun downtime

$> pm2 gracefulReload all # Stop un processus, puis le relance
$> pm2 stop 0 # Stop un processus spcifique

$> pm2 restart 0 # Restart un processus spcifique
205
10/03/2016
Les logs
Grer les logs
$> pm2 logs [--raw] # Affiche tous les logs
$> pm2 flush # Vide tous les logs
206
10/03/2016
Lancer une processus avec des arguments

Dmarrer un processus avec des arguments
$> pm2 start app.js -- -a 23 # Passe l'argument '-a 23' app.js
Spcifier les logs explicitement

$> pm2 start app.js -e err.log -o out.log
207
10/03/2016
Les limites
Le module cluster de NodeJS ne permet pas de faire fonctionner
socket.io
https://github.com/elad/node-cluster-socket.io
Vu que PM2 utilise le module natif pour les clusters, PM2 ne supporte
pas non plus les socket.io.
208
10/03/2016
Ce quon a couvert
Un projet de monitoring de processus NodeJS pour une mise en production !
Lancer en cluster un processus
Grer les logs
Prochaine vido :
Keymetrics, la supervision
209
10/03/2016
Bonus
Keymetrics,
la supervision
douard FERRARI
210
10/03/2016
Plan
Quest-ce que Keymetrics ?
Inscription
Lien avec PM2
Ajout de sondes
211
10/03/2016
Quest-ce que Keymetrics ?

Keymetrics permet d'afficher des statistiques remontes par pm2
https://keymetrics.io/
212
10/03/2016
Inscription
Inscription :
https://app.keymetrics.io/#/login
213
10/03/2016
Lien avec PM2

Pour lier Keymetrics avec un PM2
$> pm2 link xxxxxxxxxxx xxxxxxxxxx [hostname]
214
10/03/2016
Ajouter des sondes

Cest le module pmx qui permet dajouter des sondes :
npm install save pmx
Faire un wrapper (singleton) pour initialiser le module :
Il existe 4 types de sondes :

Simple metics : Remonte un nombre
Counter : Incrmente et dcrmente un nombre
Meter : Remonte un nombre sur le temps, ex Nombre de requtes par seconde.
Histogram : Garde un rservoir de valeur sur les 5 dernires minutes
215
10/03/2016
Exemple
Ajout de nouvelle sonde

216
10/03/2016
Ce quon a couvert
Comment superviser un projet NodeJS
Comment remonter certaines informations mtier
Prochain chapitre :
La conclusion !
217
10/03/2016
Conclusion
douard FERRARI
218
10/03/2016
Ce quon a couvert
1. Comment installer et mettre en place un Express 1. Comment sauvegarder des donnes en couvrant les
1. Systme de route bases de donne suivante :
2. Gestion des fichiers statiques 1. Mysql
3. Comment ajouter nos propres middlewares 2. MariaDB
4. Comment utiliser un moteur de template 3. SQLite
4. Postgres
2. Deux diffrentes mthodes de dveloppement 5. MSSql
asynchrone: 6. Redis
1. Async 7. MongoDB
2. Les promesses avec Q
2. Dvelopper un projet NodeJS en MVC.
3. La communication en temps raille avec les clients
(front-end) grce Socket.io 3. Comment monitorer et superviser le projet avec
PM2 et Keymetrics
219
10/03/2016
Avez-vous des Questions / Remarques / Commentaires ?
220
10/03/2016
A bientt
Keep in touch !
E-mail : [email protected]
Linkedin : https://fr.linkedin.com/in/edouardferrari
Twitter : https://twitter.com/edouard_ferrari
Alphorm : http://www.alphorm.com/formateur/edouard-ferrari
221

Alphorm 160311113619

Transféré par

Droits d'auteur :

Formats disponibles

Alphorm 160311113619

Transféré par

Informations du document

Description originale:

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Alphorm 160311113619

Transféré par

Droits d'auteur :

Formats disponibles

10/03/2016

Les possibilits de NodeJS

Les connaissances requises

Formation NodeJS, avanc alphorm.com

Dveloppeur full stack chez Summview

Mission de conseil, darchitecture et de migration

Formation NodeJS, avanc alphorm.com

Node et le Web : HTTP, Request & Express Async : Correction d'exercice

Primtre du module HTTP Les promesses avec Q : Les fondamentaux

Express : les fichiers statiques

Formation NodeJS, avanc alphorm.com

Formation NodeJS, avanc alphorm.com

Comprendre comment fonctionne un des frameworks les plus utiliss

Formation NodeJS, avanc alphorm.com

Les possibilits sont infinies et immenses !

Formation NodeJS, avanc alphorm.com

Les possibilits de NodeJS

Service rseau sur mesure (Proxies, gestion rseau, )

Application avec GUI (Graphical User Interface)

Outils en ligne de commandes

Support des sockets

Chargement du code node au premier appel HTTP

Formation NodeJS, avanc alphorm.com

Les connaissances requises

Formation NodeJS, avanc alphorm.com

Projet github en nodejs :

Formation NodeJS, avanc alphorm.com

Are you ready ?

Formation NodeJS, avanc alphorm.com

Side project : ChatWithMe

Formation NodeJS, avanc alphorm.com

En plus, dans cette formation, nous dvelopperons une plateforme web

Formation NodeJS, avanc alphorm.com

Side Project : ChatWithMe

Libre vous damliorer ce projet aprs cette formation.

Formation NodeJS, avanc alphorm.com

Nous allons voir beaucoup de code.

Vous pouvez tlcharger toutes les sources dans votre espace

Formation NodeJS, avanc alphorm.com

Une requte HTTP (partie client)

Un serveur HTTP (partie serveur)

Formation NodeJS, avanc alphorm.com

Ce module est une surcouche au module NET.

Formation NodeJS, avanc alphorm.com

Une requte HTTP (partie client)

Un serveur HTTP (partie serveur)

Dvelopper un serveur HTTP et grer diffremment les requtes GET et

Formation NodeJS, avanc alphorm.com

Formation NodeJS, avanc alphorm.com

Les requtes HTTP(s)

Formation NodeJS, avanc alphorm.com

Formation NodeJS, avanc alphorm.com

Les requtes HTTP(s)

Formation NodeJS, avanc alphorm.com

Formation NodeJS, avanc alphorm.com

Formation NodeJS, avanc alphorm.com

Crer un projet NodeJS : npm init

Puis installer express : npm install --save express