Creación de aplicaciones web con Node.js y Express

NodeJS & Express
Desarrollo Web 2.0 Eficaz

Betabeers Barcelona 23/03/2012

Quienes somos?
Christophe Eymard
email : christophe@ravelsoft.com

Félix Delval
twitter : @fe_lix_
email : felix@ravelsoft.com

https://github.com/ravelsoft

Qué es NodeJS
● LibUV : Una biblioteca desarrollada por
Joyent en C

Qué es NodeJS
Joyent en C
● V8 : El motor Javascript de Google Chrome

Qué es NodeJS
Joyent en C
● Runtime en Javascript

Qué es NodeJS
Joyent en C
● Multi-Plataforma : Windows, Linux, OS X

Qué es NodeJS
Joyent en C
● Multi-Plataforma : Windows, Linux, OS X
● NPM : Package Manager (www.npmjs.org)

Porque NodeJS
● Un Sólo Hilo
○ ¡ (casi) adios mutex y race-condition !

Porque NodeJS
● Un Sólo Hilo
● Asíncrono (Non Blocking) :
○ Uso óptimo del CPU

Porque NodeJS
● Un Sólo Hilo
○ « scaling » más evidente : más procesos y un load-
balancer

Porque NodeJS
● Un Sólo Hilo
balancer
● Compartir código entre cliente e servidor

Porque NodeJS
● Un Sólo Hilo
balancer
● Compartir código entre cliente e servidor
● V8

V8 en el mundo Real (más o menos)

fuente: http://shootout.alioth.debian.org

Desarrollar en NodeJS
● Programación por callbacks

○ Parecido a request AJAX

○ « Hilos cooperativos »

● El event-loop

● El event-loop
○ epoll / kpoll / etc.

● El event-loop
○ Llama las callbacks cuando tienen su resultado

● El event-loop
● ... hay que respetarle

● El event-loop
○ Cuidado con el uso del CPU

● El event-loop
○ Cuidado con el uso del CPU
○ process.nextTick

Hello World

var http = require('http');

function miRespuesta(req, res) {
res.writeHead(200, {'Content-Type':
'text/plain'});
res.end('Hello Worldn');
}
var server = http.createServer(miRespuesta)
server.listen(1337, '127.0.0.1');

Mal Ejemplo : Fibonacci
var http = require('http');

function fibonacci(n) {
if (n <= 1) return n;
else return fibonacci(n - 1) + fibonacci(n - 2);
}
http.createServer(function (req, res) {
'text/plain'});
if (req.url == "/fibo")
res.end("Fibo : " + fibonacci(33)); // OUCH
else
res.end('Hello Worldn');
}).listen(1337, '127.0.0.1');

Mal Ejemplo II, pero mejor
var http = require("http")
http.createServer(function (req, res) {
function fibonacci(n, cbk) { res.writeHead(200, {'Content-Type':
if (n <= 1) cbk(n); 'text/plain'});
else fibonacci(n - 1, function(_n_1) { if (req.url == "/fibo") {
process.nextTick(function() { fibonacci(33, function(fibres) {
fibonacci(n - 2, function( _n_2) { res.end('Fibo: ' + fibres + 'n');
cbk(_n_1 + _n_2) })
}) } else {
}) res.end('Hello Worldn');
}) }
}
}).listen(1337, '127.0.0.1');

Express y su comunidad

+ de 5500 watchers

+ de 540 forks

+ de 100 issues abiertas

source : github.com

¿ Que propone ?
● Router de URL
Con get, post,...

¿ Que propone ?
● Router de URL
Con get, post,...

● Facilidades para motores de plantillas:
Jade, EJS, JinJS, ...

¿ Que propone ?
● Router de URL
Con get, post,...


● Middleware via Connect
y en cada función de routing

¿ Que propone ?
● Router de URL
Con get, post,...


● Middleware via Connect
y en cada función de routing

● focus en alta rendimiento
● muy buen test coverage

Base del routing
app.get('/post/:post', myfun);
app.get(/post/([^/]+)/?, my fun);

matched :
/post/123
/post/foobar
/post/foobar

not matched : /post/foo/bar

Plantillas con Jade
!!! 5
html
head
title Blog
link(rel='stylesheet', href='/stylesheets/style.css')
body
#container
block content

Instalación

# npm install -g express

Hello, World!

var app = express.createServer();

app.get('/', function(req, res){
res.send('Hello World');
});

app.listen(3000);

Hello, World!
var express = require('express');
var app = express.createServer();

app.get('/', function(req, res){
res.send('Hello World');
});

app.listen(3000);

El test más inútil del mundo
$ ab -n 10000 -c 1000 http://localhost:3000

Concurrency Level: 1000
Time taken for tests: 19.458 seconds
Complete requests: 100000
Requests per second: 5139.34 [#/sec] (mean)
Time per request: 194.578 [ms] (mean)
Time per request: 0.195 [ms] (mean, across all
concurrent requests)

Intel i3 540 @ 3.07GHz / 8 GB RAM

Creación de
un blog básico
con Express

Bootstrapping el proyecto
$ express misuperblog

$ cd misuperblog

$ npm install

Estructura de la applicación
misuperblog
|-- package.json /* Contiene las dependencias, autores */
|-- app.js /* Archivo principal de la applicación */
|-- public /* Archivos estaticos */
| |-- images
| |-- stylesheets
| | `-- style.css
| `-- javascripts
|-- views /* Contiene todo los templates */
| |-- index.jade
| `-- layout.jade
`-- routes /* Routing y codigo de cada view */
`-- index.js

El datastore
var Post = require ('./models/post');

p = new Post();
{ id: 1,
title: undefined,
body: undefined,
createdAt: Fri, 23 Mar 2012 14:23:30 GMT }

p.save(); Post.all(); Post.get();

En conclusión !
Node.js :
● V8 → Velocidad
● Libuv → Asíncrono
● Javascript → Languaje único

Express :
● Routing potente
● Plantillas modulares
● Middleware

Buenas referencias
http://nodejs.org/
http://visionmedia.github.com/masteringnode/
http://expressjs.com/
http://nodeup.com/
http://nodejs.org/

Los gurus
https://github.com/substack
https://github.com/isaacs
https://github.com/visionmedia
https://github.com/felixge

Alternativas a los Callbacks
● StreamlineJS
● node-fibers
● async/step

Bonus : el mal ejemplo con
Streamline
if (!require('streamline/module')(module))
return;

http.createServer(function (req, res, _) {
var http = require("http")
'text/plain'});
function fibonacci(n, _) {
if (req.url == "/fibo")
if (n <= 1) return n;
res.end('Fibo: ' + fibonacci(33, _) +
var res = fibonacci(n - 1, _); 'n');
process.nextTick(_); else
return res + fibonacci(n - 2, _); res.end('Hello Worldn');
} }).listen(1337, '127.0.0.1');

Creación de aplicaciones web con Node.js y Express

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (13)

Ähnlich wie Creación de aplicaciones web con Node.js y Express

Ähnlich wie Creación de aplicaciones web con Node.js y Express (20)

Mehr von betabeers

Mehr von betabeers (20)

Creación de aplicaciones web con Node.js y Express