Sunteți pe pagina 1din 24

Instalacin

Configuracin del ambiente de trabajo: Cdigo Node.js


Node.js, Socket.io, Express, Jade Ver actualizaciones u otros trabajos en http://es.scribd.com/asullom

consulting

submit

2013 Angel Sullon | @asullom | Last update 27-05-2013 | Per

Objetivos

Instalar y codear con Node.js de la forma correcta

Node.js: JavaScript de lado del servidor

@asullom>Configuracin

CODEADORES WINDOWS

Resumen de las tareas Previos


Codeadores (terminales locales)

https://t.co/0FIcp9Z4JT

1. Instalacin de Sublime Text2 2. Instalacin de Xampp con los servicios de apache como mnimo, necesario solo para el ejemplo con cliente apache del item 4
http://es.scribd.com/doc/144084648/Devteam-config-codigo-previos-pdf

3. Instalacin de Node Js 4. Ejemplo servidor node.js con cliente apache. 5. Ejemplo con Express (no necesita apache)

En solo un paso

INSTALACIN DE NODE.JS

Pgina de node (Visitado el 26-05-2013)

@asullom>Configuracin

Instale nodejs

@asullom>Configuracin

Nodejs instalado

@asullom>Configuracin

EJEMPLO SERVIDOR NODE.JS CON CLIENTE APACHE.

Cree la app nirc en d:\dev\apps-curso\

Para crear un app node de la forma correcta, solo cree la carpeta con el nombre de su app y dentro, los archivos:
package.json (usage app-name>npm install) server.js (puede tener otro nombre y muchos .js)

@asullom>Configuracin

En package.json copie el siguiente contenido


{

"version": "0.1-1", "dependencies": { // "express": "*", // 3.0.4 // "jade": "*", // 0.27.7 // "consolidate": "*", // 0.5.0 "socket.io": "*" // 0.9.14 }, "subdomain": "asullom.nirc", "scripts": { "start": "server.js" }, "engines": { "node": "0.10.x" }, "name": "nirc"

@asullom>Configuracin

En server.js copie el siguiente contenido


var servidor= require('socket.io').listen(9000); servidor.sockets.on('connection', arranque); function arranque(autor){ console.log("arrancado\n"); autor.on('escucharMensaje', emitir); //escucharMensaje del autor } function emitir(mensaje){ console.log(mensaje+"\n"); servidor.sockets.emit('notificarMensaje',mensaje+"*"); //notificarMensaje los usuarios } console.log("Express server running at\n => http://localhost:9000/\nCTRL + C to shutdown");

@asullom>Configuracin

Despliegue los servicios


>npm install

@asullom>Configuracin

Cree un archivo .html en la ubicacin pblica de su servidor apache

@asullom>Configuracin

En index.html copie
<!DOCTYPE html> <html lang="es"> <head> <meta charset=UTF-8"> <title>Node fic</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://localhost:9000/socket.io/socket.io.js"></script> <script> var websocket; $(document).on("ready", iniciar); function iniciar() { websocket= io.connect("http://localhost:9000"); websocket.on("notificarMensaje",recibirMensaje); $("#formulario").on("submit",enviarMensaje); } function enviarMensaje(e) { e.preventDefault(); websocket.emit("escucharMensaje",$("#nombre").val()); } function recibirMensaje(datosServidor) { $("#conversacion").append(""+datosServidor+"<br>"); } </script> </head> <body> <form id="formulario"> <label>Nombre:</label> <input type="text" id="nombre" required/> </form> <div id="conversacion"></div> </body> </html>

@asullom>Configuracin

Inicie el servicio de apache y disfrute

@asullom>Configuracin

EJEMPLO CON EXPRESS (NO NECESITA APACHE)

Cree la app nweb en d:\dev\apps-curso\


Como nweb es una web app, se debe crear usando los comando de express, para ello se debe instalar de modo global > npm install -g express

@asullom>Configuracin

Cree la app nweb en d:\dev\apps-curso\

No ubicamos en nuestra carpeta de apps >express nweb

@asullom>Configuracin

@asullom>Configuracin

Instale la dependencias y ejecutar


{ "name": "application-name", "version": "0.0.1", "private": true, "scripts": { "start": "node app.js" }, "dependencies": { "express": "3.2.5", "jade": "*" }

@asullom>Configuracin

Listo.

@asullom>Configuracin

Solo cambia la instalacin, el resto es =

CODEADORES MAC OS

Solo cambia la instalacin, el resto es =

CODEADORES LINUX

S-ar putea să vă placă și