Documente Academic
Documente Profesional
Documente Cultură
consulting
submit
Objetivos
@asullom>Configuracin
CODEADORES WINDOWS
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
@asullom>Configuracin
Instale nodejs
@asullom>Configuracin
Nodejs instalado
@asullom>Configuracin
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
"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
@asullom>Configuracin
@asullom>Configuracin
@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
@asullom>Configuracin
@asullom>Configuracin
@asullom>Configuracin
@asullom>Configuracin
@asullom>Configuracin
Listo.
@asullom>Configuracin
CODEADORES MAC OS
CODEADORES LINUX