Conquistando el Servidor con Node.JS

Caridy Patiño

Search Direct TeamYUI EvangelistYUI Contributor

[email protected]@caridy

StartTechConf 2011

Conquering the Server Side with Node.JS

Saturday, November 5, 2011

mailto:[email protected]



La industria esta cambiando muy rápido


Chrome + V8


Internet de alta velocidad


Coulds / Nubes


WebApps & Apps


Almazenamiento Másivo


La web en tiempo real


Y esto se traduce en...


Peaks / Picos


Concurrencia


Concurrencia



Microsoft VBScript compilation error ‘800a03e9′Out of memory/LM/W3SVC/600510919/Root/dStore/http://global.asa, line 0

Sold Out


http://global.asa

http://global.asa

Desempeño


Soluciones...


Más servidores


Más servidores

$$$$$


Nubes Elásticas


Wow Amazon EC2 Is Expensive For Start Ups

“With EC2, I would pay 30 days * 24 hours * $0.1 * 1.19 (tax) = $85. And that does not take into account backup space (S3),

traffic and true persistent storage (EBS) yet.”


Delegar procesos hacia el cliente



Node.JS


Server Side JavaScript(SSJS)


RhinoWakanda Akshell

RingoJSNarwhalJS


Nuestros sistemas operativos y lenguajes derivan de los sistemas diseñados para teletipos.


Las plataformas modernas de software siguen imitando estas interfaces antiguas.


“Blocking system call” is a call into the kernel which waits for some I/O to complete before before returning. Blocking syscalls

introduce unbounded latency into the current thread.


Los procesos son buenos para mantener unidades aisladas. Sin embargo, son demasiado pesados como

para dedicarle una conexión completa.


Uno de los objetivos principales de Node es hacer accesible la programación sin bloqueo para aquellos

usuario que no son expertos.Saturday, November 5, 2011

Node ha tenido éxito en poner servidor de alto desempeño al alcance de los programadores utilizando una API sin bloqueos


Un solo stack por cada proceso


Node.JS solo tiene 2.5 años de edad.

La version 0.6 es la 3ra iteración estable.



HTTP benchmark con 100 clientes concurrentes en OSX 10.6

- v0.2.6 5330 req/sec- v0.4.12 5552 req/sec- v0.5.10 5803 req/se


Por qué Javascript?


Javascript es el lenguaje del navegador


Javascript es un lenguaje dinámico


Closures y programación asincrónicapor naturaleza


Comunidad creciente, activa y diversa


http://github.com/languages




No existe otro lenguaje que pueda destronar a javascript en un

future cercano


Node Event Loop


var result = db.query("select * from T");// use result


var result = db.query("select * from T");// use result

Qué esta haciendo el software mientras se ejecuta la query?


db.query("select * from T", function (result) { // use result});


db.query("select * from T", function (result) { // use result});

Este código le permite al programa retornar al event loop

inmediatamente


Node maneja todas los IO de la misma manera



Menos memoria necesita ser usada, y un mayor rendimiento debido al menor número de cambios de

contexto.


El uso de los closures para capturar el estado entre diferentes eventos


function adicionar(callback) { http.get(url1, function(respuesta1) { var parte1 = respuesta1.data; http.get(url2, function(respuesta2) { var parte2 = respuesta2.data; callback(parte1 + parte2); }); });}


Node Stack


Como usar Node


Download, configure, compile, andmake install it:

http://nodejs.org/


http://nodejs.org

http://nodejs.org

Windows Build (Node v0.6.0):

http://nodejs.org/dist/v0.6.0/node.exe




NPM

http://npm.org/


http://npm.org

http://npm.org

curl http://npmjs.org/install.sh | sh


http://npmjs.org/install.sh

http://npmjs.org/install.sh

$ npm help

$ npm install <pkgName>$ npm uninstall <pkgName>$ npm publish$ npm list$ npm update

NPM 101

http://howtonode.org/introduction-to-npm




$ npm [email protected] /Users/caridy/node/app├─┬ [email protected]

│ ├── [email protected]

│ └── [email protected]

├─┬ [email protected]




├── micro<[email protected]‐1

├── [email protected]

├─┬ [email protected]


│ ├── yui3-‐[email protected]


└── yui3-‐[email protected]




Express

http://expressjs.com/


http://expressjs.com

http://expressjs.com

$ cd my/node/app/$ npm install express


var app = require('express').createServer();

app.get('/usuario/:id', function(req, res){ res.send('Bienvenido ' + req.params.id);});

app.listen(3000);

Requiriendo Express NPM Module


$ node app.js


http://localhost:3000/usuario/caridy


http://localhost/usuario/caridy

http://localhost/usuario/caridy

$ npm install -g express$ cd my/node/app/$ express ./$ npm install -d$ node app.js

Express Boilerplate


YUI



$ npm install yui3


var YUI = require("yui3").YUI;

YUI().use('json', 'io', function(Y) {

Y.io('http://yuilibrary.com/gallery/api/user/caridy', { on: { success: function(id, o) { Y.log(Y.JSON.parse(o.responseText), 'info', 'demo'); } } });

});

Requiriendo YUI NPM Module


http://yuilibrary.com/gallery/api/user/caridy'

http://yuilibrary.com/gallery/api/user/caridy'

var YUI = require("yui3").YUI;

YUI().use('yql', function(Y) {

var query = ' select * from geo.states where place="Chile" and lang="es-CL" ';

Y.YQL(query, function(result) { // =result= now contains the result of the YQL Query // use the YQL Developer console to learn // what data is coming back in this object // and how that data is structured. Y.log(result, 'info', 'demo'); });

});

http://developer.yahoo.com/yql/console/#h=select%20*%20from%20geo.states%20where%20place%3D%22Chile%22%20and%20lang%3D%22es-CL%22

Requiriendo YUI NPM Module






{ "query": { "count": 15, "created": "2011-10-31T15:38:44Z", "results": { "place": [ { "lang": "es-CL", "uri": "http://where.yahooapis.com/v1/place/2345028", "woeid": "2345028", "placeTypeName": { "code": "8", "content": "Región" }, "name": "Maule" }, { "lang": "es-CL", "uri": "http://where.yahooapis.com/v1/place/2345025", "woeid": "2345025", "placeTypeName": { "code": "8", "content": "Región" }, "name": "Libertador General Bernardo O'Higgins" }, { "lang": "es-CL", "uri": "http://where.yahooapis.com/v1/place/2345029", "woeid": "2345029", "placeTypeName": { "code": "8", "content": "Región" }, "name": "Santiago" } ] } }}


http://where.yahooapis.com/v1/place/2345028






Comprehensive unit testing solution for any JS codeYUI Test

YETI YUI Easy Testing Interface: run browser JS unit tests from console

YUI Library

YUI Gallery

Who contributes?Everyone, with committer review.

Who contributes?Everyone, with little review.


Yahoo! Cocktails



Cocktails: Mojito


Mojito es un Web Application Framework


Mojits MVC

View

Controller

Model


Tres tipos de scripts:

- foo.server.js- foo.common.js- foo.client.js


Multiples Runtimes

Javascript on the browser

Javascript on the server

Native Bridges

iOS Android


$ mojito help

$ mojito create app ./myApp$ mojito create mojit Foo$ mojito test$ mojito compile$ mojito start

Mojito Command 101


Mojito Application Folder

./myApp- application.json- assets- autoload- index.js- mojits - Foo - Bar- package.json- server.js


Open Source a inicios del 2012


Cocktails: Manhattan


Yahoo! Manhattan es un ambiente de hosting para aplicaciones basadas en Mojito que utiliza la nube de

Yahoo! para correr esas aplicaciones.


Server Side: Technology Stack

Security Filters

Node.JS

Monitoring

Manhattan

Tracking

V8

Express Mustache Connect

Mojito

Mojito App

YUI Cocktails A

bstractions


Yahoo! Manhattan extiende Node.JS para proveer fault-isolation & fault-tolerance, escalabilidad, disponibilidad,

seguridad y desempeño.



Manhattan provides a simple interface for developers to deploy, un-deploy and manage their Mojito-based

applications, leveraging the scale and performance of Yahoo!’s technology infrastructure.


Desempeño




node.js 0.4 + express + yui + mustache


Apache + PHP

Node + Express + YUI + Mustache



Apache + PHP no crece



Thank [email protected]@caridy




Links

• nodejs.org

• npm.org

• expressjs.com

• yuilibrary.com/projects/nodejs-yui3/


http://www.slideshare.net/rhyolight/mojito-sl-2011

Más sobre Yahoo! Mojito:




http://video.yahoo.com/yahoonet-24189541/yodel-24697328/cocktails-in-action-27127763.html

http://video.yahoo.com/yahoonet-24189541/yodel-24697328/introducing-cocktails-from-yahoo-27127762.html

Más sobre Yahoo! Manhattan:








