Node.js, le pavé dans la mare

Transcription

1 Node.js, le pavé dans la mare DekNOD v1.0.0

2 Un exemple, vite! 2

3 1. Présentation de Node

4 Qu'est-ce que Node Projet créé en 2009 par Ryan Dahl (Joyent Inc.) Basé sur le langage JavaScript Sur-couche de Chrome V8 Positionné côté serveur Piloté par les événements 4

5 GitHub : Node sur le podium 5

6 Ceux qui l'utilisent 6

7 Objectifs de Node Fournir une pile logicielle permettant : Aux développeurs web : JavaScript / navigateur De développer des serveurs Faciliter les fonctionnalités de push Proposer une API d'i/o suffisament bas niveau Privilégier les appels non bloquants 7

8 Chrome V8 Moteur JavaScript open source Utilisé dans les navigateurs (Google Chrome) Ou en standalone (Node) Compile le JavaScript en code natif Optimise à la volée : Inlining Cache Garbage collector 8

9 Architecture 9

10 Chaîne de traitement 10

11 2. Fonctionnalités

12 Gestionnaire de packages NPM NPM : Node Packages Modules Gère les dépendances d'une application Node Déclarées dans package.json Dépôt local dans node_modules/ (cf. NODE_PATH) Un peu comme Maven... npm install : télécharge les dépendances npm publish : publie un module dans le dépôt central Scopes : local au projet, ou global 12

13 Modèle asynchrone vs multi-thread 13

14 Modèle asynchrone - impacts dans le code // Synchrone function loaddata(id) { var data = store.find(id); return data; } var result = loaddata(3); console.log('result :', result); console.log('continue...'); // Asynchrone function loaddata(id, callback) { store.find(id, function(data) { callback(data); }); } loaddata(3, function(result) { console.log('result :', result); }); console.log('continue...'); 14

15 Synchrone moins gentil function managerequest(request) { var product, model, view, content; product = store.find(id); if (product === null) { content = renderer.render('notfound.html'); return content; } model = { id:product._id, name:product.name, price:product.price }; view = 'productdetail.html'; content = renderer.render(view, model); if (content === null) { return renderer.render('internalerror.html'); } return content; } response.write(managerequest(request)); 15

16 Asynchrone moins gentil function managerequest(request, callback) { var product, model, view, content; store.find(id, function (product, err) { if (err) { content = renderer.render('notfound.html', function (content) { callback(content); }); return; } model = { id:product._id, name:product.name, price:product.price }; view = 'productdetail.html'; content = renderer.render(view, model, function (content, err) { if (err) { renderer.render('internalerror.html', function (content) { callback(content); }); return; } callback(content); }); }); } managerequest(request, function (content) { response.write(content); }); 16

17 Because nothing blocks, less-than-expert programmers are able to develop fast systems nodejs.org/about 17

18 3. Modules standards

19 Net, Http Net permet d'agir au niveau socket En tant que serveur ou client Avec des méthodes de base Et des événements à écouter : connect, data, end, close Http : idem mais au niveau web S'appuie sur Net et l'interface générique EventEmitter Supporte SSL 19

20 Os, Process, Child process Os : informations relatives au système d'exploitation Type, plateforme, mémoire, cpus, interfaces réseaux Pas l'habitude d'avoir accès à ces infos Process : informations du processus Arguments, environnement, propriétaire, entrées sorties standards Child process : gestion de processus Exec, fork, spawn 20

21 Path, File System Path : outils pour travailler sur les chemins de fichiers var monfic = 'mondir/sousdir/name.ext' var monfic = path.join('mondir', 'sousdir', 'name.ext') File System : Opérations sur les fichiers : Lecture répertoire, suppression, écriture, information, liens symboliques APIs synchrones ou asynchrones 21

22 Modules Node fournit quelques variables globales module, process, mais pas window Et un mécanisme pour rendre les choses modulaires Inspiration pythonesque module.exports = { foo: function(){ return 'bar'; } }; /lib/mymodule.js var mymodule = require('./lib/mymodule'); mymodule.foo(); /app.js 22

23 4. Modules tiers

24 Les incontournables module async foreach, filter, map, log nombreux helpers pour la gestion asynchrone var async = require('async'); async.foreach(['a', 'b', 'c'], function (item, callback) { if (item === 'b') { callback(new Error('b forbidden')); } else { console.log(item); callback(); } }, function (err) { if (err) { console.log('error :', err); } else { console.log('done'); } }); Résultat : a Error : [Error: b forbidden] c Résultat avec foreachseries : a Error : [Error: b forbidden] 24

25 Asynchrone multi steps à la main step1(params, function (result) { step2(result, function () { step3(result, function () { step4(result, function () { fini(); }); }); }); }); 25

26 Asynchrone multi steps pattern / module Step step1(params, function (result) { var n = 0; var next = function () { n++; if (n === 3) { fini(); } }; step2(result, next); step3(result, next); step4(result, next); }); Step( function () { step1(params, this); }, function (result) { step2(result, this.parallel()); step3(result, this.parallel()); step4(result, this.parallel()); }, function () { fini(); } ); 26

27 Les incontournables module commander Pour exposer des commandes Plus pratique qu'une gestion avec process.argv commander.version(version).option('-f, --force', 'force on non-empty directory').option('-r, --refresh', 'refresh files')....parse(process.argv); apppath = commander.args.shift() process.cwd(); if (commander.force) { force();... } 27

28 Les incontournables module Express Framework pour application web Node : Minimaliste et flexible Basé sur le middleware connect Définition de routes sophistiquées Injection de moteur de rendu : jade, ejs, consolidate var express = require('express'); var app = express(); app.get('/hello.txt', function(req, res){ res.send('hello World'); }); app.listen(3000); 28

29 Les incontournables module i18n Module de traduction léger Stockage en json Facilité d'intégration avec Express var express = require('express'), i18n = require('i18n'); i18n.configure({ locales:['en', 'fr'], register: global }); app.locals({ : i18n., n: i18n. n }); app.configure(function() { app.use(i18n.init);... }); var welcome = ('Welcome'); <body> <h1><%= ('Welcome') %></h1> </body> 29

30 Les incontournables module mongoose API mongodb pour Node : Adaptée au côté asynchrone de Node Convient à de nombreuses situations : local, distant, cloud var mongoose = require('mongoose'), db = require('./db'); var contactdao = { entityname:'contact', schema:mongoose.schema({ firstname:{ type:string }, lastname:{ type:string }, phonenumber:{ type:string } }), getmodel:function () { return db.connection.model(contactdao.entityname, contactdao.schema) } }; 30

31 Simple db helper var mongoose = require('mongoose'), db = { connection:null, connect:function () { db.connection = mongoose.connect('mongodb://localhost:27017/db'); }, close:function () { if (db.connection!== null) { mongoose.disconnect(); db.connection = null; return true; } return false; } }; db.connect(); process.on('exit', function (code) { var result = db.close(); console.log('disconnecting db : ', result); }); 31

32 Les incontournables module socket.io Pour jouer avec les web sockets Modes dégradés pour les navigateurs Ajax, Adobe Flash Socket, iframe Facilité d'intégration avec Express var io = require('socket.io').listen(80); io.sockets.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('my other event', function (data) { console.log(data); }); }); <script src="/socket.io/socket.io.js"></script> <script> var socket = io.connect(' socket.on('news', function (data) { console.log(data); socket.emit('my other event', { my: 'data' }); }); </script> serveur client 32

33 5. Développement JavaScript

34 IDE et debug La qualité de l'offre des IDEs est limitée Langage non typé, trop dynamique Eclipse : top avec Java, bof avec JS Faire sans : On se contente d'un éditeur (vi, textmate,...), parfois amélioré Faire avec : Le choix du moment : WebStorm (Jetbrains) Mode Debug (si vraiment nécessaire ) : En ligne de commande (à-la-gdb) Dans WebStorm : plus confortable 34

35 Monter en compétence sur JavaScript Résister aux tentations Se concentrer sur le meilleur Et sur le résultat obtenu JavaScript Koans : Inspiré de Ruby 35

36 6. Usine Logicielle

37 Les composantes essentielles d'une Usine Qualité du code : jslint, jshint Tests unitaires : mocha, qunit, jstd, jasmine, maven Couverture du code : jscoverage, coverjs Minifiers et autres compilateurs : less, coffee script,... Outil de build : grunt Solutions efficaces pour chaque besoin Pas toujours pour l'ensemble... 37

38 Déploiement & clouds Déployer une application Node : Cloud : En standalone Derrière un front Pourquoi pas un front Node... Heroku, Nojitsu, AppFog,... 38

39 7. Code Kata Web live chat

40 8. Exemples et retours d'expérience

41 Node en synthèse Node réinvente les roues des frameworks web Un environnement auto-suffisant et très typé Le JavaScript en réponse à tous les besoins 41

42 Node en synthèse (suite) Node impose un modèle non bloquant / mono thread : Adapté aux applications réseaux légères et rapides Solution de choix pour une application web : Dont la compléxité est surtout côté client Un éco-système très prolifique Mais jeune... 42

43 9. Questions / Réponses

44 Notre offre JavaScript Développement client avec JavaScript et Ajax réf. JASI 3 jours Développement JavaScript avancé réf. JAJA 2 jours Développer une application Web Full JavaScript réf. STAX 4 jours Programmer avec jquery réf. RESI 2 jours 44