SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
web sockets
aplicaciones en tiempo real
Betabeers Madrid
@miquelcamps
Licencia para matar (bugs).
Programador frontend 4visionshq.com
26 años.
Alcorcón.
- Conceptos
- Empezar con heroku
- Estructura app node.js
- Hello world en node.js
- Demos
- Entender código
Índice
Javascript en el lado del servidor.
Ryan Dahl (2009)
node.js
Heroku
Plataforma como servicio.
Salesforce.com (2007)
Librería javascript para hacer aplicaciones web
en tiempo real.
Guillermo Rauch (2011)
socket.io
AJAX vs Web Socket
AJAX: Cliente -> Servidor
Web Socket: Cliente <-> Servidor
- Procfile (heroku)
- package.json
- main.js / app.js
Estructura app node.js
Procfile (heroku)
web: node app.js
package.json
{
"name": "mi app",
"version": "0.0.1",
"dependencies": {
"express": "latest",
"socket.io": "latest"
}
}
app.js - hello world
var http = require('http');
var server = http.createServer(function (request, response) {
response.writeHead(200, {'Content-Type': 'text/plain'});
response.end('Hello World');
});
server.listen( process.env.PORT );
Empezar con heroku
1- Registrate
http://heroku.com
2- Crear llave SSH
https://devcenter.heroku.com/articles/keys
3- Clonar repositorio
git clone git@heroku.com:[proyecto].git -o heroku
4- Primer commit
git add .
git commit -m "info commit"
git push heroku master
¿Para que puede ser interesante
tener tiempo real aparte de un chat?
- Videojuegos
- Domotica
- Discotecas
- Conciertos
https://github.com/miquelcamps/websockets_lab

Weitere ähnliche Inhalte

Andere mochten auch

A voz do trab certo
A voz do trab certoA voz do trab certo
A voz do trab certosintrap
 
La Vega Media (Murcia)
La Vega Media (Murcia) La Vega Media (Murcia)
La Vega Media (Murcia) Apala .
 
Cabezo de d'or & Cuevas de Canelobre (Alicante)
Cabezo de d'or & Cuevas de Canelobre (Alicante)Cabezo de d'or & Cuevas de Canelobre (Alicante)
Cabezo de d'or & Cuevas de Canelobre (Alicante)Apala .
 
Gamefinder - hackathon betabeers v3
Gamefinder - hackathon betabeers v3Gamefinder - hackathon betabeers v3
Gamefinder - hackathon betabeers v3betabeers
 
Lista de participantes inscritos para la charla "Como formalizar una empresa"
Lista de participantes inscritos para la charla "Como formalizar una empresa"Lista de participantes inscritos para la charla "Como formalizar una empresa"
Lista de participantes inscritos para la charla "Como formalizar una empresa"Lima Innova
 
Apresentação de Processos Infecciosos e Parasitários
Apresentação de Processos Infecciosos e ParasitáriosApresentação de Processos Infecciosos e Parasitários
Apresentação de Processos Infecciosos e Parasitáriosbrunna queiroz
 
Epidemiologia e Saúde Pública
Epidemiologia e Saúde PúblicaEpidemiologia e Saúde Pública
Epidemiologia e Saúde Públicabrunna queiroz
 
Hayedo riofrío de riaza.
Hayedo riofrío de riaza. Hayedo riofrío de riaza.
Hayedo riofrío de riaza. rosa1957
 
Columbares (Murcia)
Columbares (Murcia)Columbares (Murcia)
Columbares (Murcia)Apala .
 
Els fets de maig de 1937 estany i castro
Els fets de maig de 1937 estany i castroEls fets de maig de 1937 estany i castro
Els fets de maig de 1937 estany i castroToni Guirao
 

Andere mochten auch (20)

Xculpture
XculptureXculpture
Xculpture
 
Trabalho
TrabalhoTrabalho
Trabalho
 
A voz do trab certo
A voz do trab certoA voz do trab certo
A voz do trab certo
 
La Vega Media (Murcia)
La Vega Media (Murcia) La Vega Media (Murcia)
La Vega Media (Murcia)
 
Trabalho inf sociedade (1)
Trabalho inf sociedade (1)Trabalho inf sociedade (1)
Trabalho inf sociedade (1)
 
Cabezo de d'or & Cuevas de Canelobre (Alicante)
Cabezo de d'or & Cuevas de Canelobre (Alicante)Cabezo de d'or & Cuevas de Canelobre (Alicante)
Cabezo de d'or & Cuevas de Canelobre (Alicante)
 
Gamefinder - hackathon betabeers v3
Gamefinder - hackathon betabeers v3Gamefinder - hackathon betabeers v3
Gamefinder - hackathon betabeers v3
 
Lista de participantes inscritos para la charla "Como formalizar una empresa"
Lista de participantes inscritos para la charla "Como formalizar una empresa"Lista de participantes inscritos para la charla "Como formalizar una empresa"
Lista de participantes inscritos para la charla "Como formalizar una empresa"
 
Apresentação de Processos Infecciosos e Parasitários
Apresentação de Processos Infecciosos e ParasitáriosApresentação de Processos Infecciosos e Parasitários
Apresentação de Processos Infecciosos e Parasitários
 
Urgente por Facundo Cabral
Urgente por Facundo CabralUrgente por Facundo Cabral
Urgente por Facundo Cabral
 
Arte moderna
Arte modernaArte moderna
Arte moderna
 
Epidemiologia e Saúde Pública
Epidemiologia e Saúde PúblicaEpidemiologia e Saúde Pública
Epidemiologia e Saúde Pública
 
Hayedo riofrío de riaza.
Hayedo riofrío de riaza. Hayedo riofrío de riaza.
Hayedo riofrío de riaza.
 
Columbares (Murcia)
Columbares (Murcia)Columbares (Murcia)
Columbares (Murcia)
 
Resume Christopher M. Bonfield
Resume Christopher M. BonfieldResume Christopher M. Bonfield
Resume Christopher M. Bonfield
 
Certificação digital
Certificação digitalCertificação digital
Certificação digital
 
Curso educ rol tutor
Curso educ rol tutorCurso educ rol tutor
Curso educ rol tutor
 
Els fets de maig de 1937 estany i castro
Els fets de maig de 1937 estany i castroEls fets de maig de 1937 estany i castro
Els fets de maig de 1937 estany i castro
 
Anjal mate 3
Anjal mate 3Anjal mate 3
Anjal mate 3
 
Diversidad alumnado
Diversidad alumnadoDiversidad alumnado
Diversidad alumnado
 

Ähnlich wie Web sockets

Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007guest976d083
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007guestd24c393
 
Microservicios sobre MEAN Stack
Microservicios sobre MEAN StackMicroservicios sobre MEAN Stack
Microservicios sobre MEAN StackPedro J. Molina
 
Opensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN StackOpensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN StackPedro J. Molina
 
Web20
Web20Web20
Web20UJAP
 
PHPAJAX
PHPAJAXPHPAJAX
PHPAJAXrodasc
 
Tecnologías para microservicios
Tecnologías para microserviciosTecnologías para microservicios
Tecnologías para microserviciosPedro J. Molina
 
Taller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASITaller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASIJuanPolanco
 
La web como Plataforma con Dojo Toolkit
La web como Plataforma con Dojo ToolkitLa web como Plataforma con Dojo Toolkit
La web como Plataforma con Dojo ToolkitAlex Fuentes
 
An evening with ... Ionic Framework Meetup
An evening with ... Ionic Framework Meetup An evening with ... Ionic Framework Meetup
An evening with ... Ionic Framework Meetup Arkhotech
 
Presentacion Monografia
Presentacion MonografiaPresentacion Monografia
Presentacion MonografiaGEOVAN21
 

Ähnlich wie Web sockets (20)

Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Ajax
AjaxAjax
Ajax
 
Microservicios sobre MEAN Stack
Microservicios sobre MEAN StackMicroservicios sobre MEAN Stack
Microservicios sobre MEAN Stack
 
Opensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN StackOpensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN Stack
 
Web20
Web20Web20
Web20
 
J query
J queryJ query
J query
 
PHPAJAX
PHPAJAXPHPAJAX
PHPAJAX
 
Tecnologías para microservicios
Tecnologías para microserviciosTecnologías para microservicios
Tecnologías para microservicios
 
Juegos html5
Juegos html5Juegos html5
Juegos html5
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Taller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASITaller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASI
 
La web como Plataforma con Dojo Toolkit
La web como Plataforma con Dojo ToolkitLa web como Plataforma con Dojo Toolkit
La web como Plataforma con Dojo Toolkit
 
An evening with ... Ionic Framework Meetup
An evening with ... Ionic Framework Meetup An evening with ... Ionic Framework Meetup
An evening with ... Ionic Framework Meetup
 
Presentacion Monografia
Presentacion MonografiaPresentacion Monografia
Presentacion Monografia
 
Charla
CharlaCharla
Charla
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 

Mehr von betabeers

IONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformaIONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformabetabeers
 
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)betabeers
 
Blockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar LageBlockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar Lagebetabeers
 
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica MediavillaCloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica Mediavillabetabeers
 
Desarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo QuilónDesarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo Quilónbetabeers
 
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito -  Jon Torrado - Betabeers BilbaoLa línea recta hacia el éxito -  Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbaobetabeers
 
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu appbetabeers
 
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)betabeers
 
Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)betabeers
 
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)betabeers
 
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)betabeers
 
Elemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de UsoElemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de Usobetabeers
 
Seguridad en tu startup
Seguridad en tu startupSeguridad en tu startup
Seguridad en tu startupbetabeers
 
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.betabeers
 
Buenas prácticas para la optimización web
Buenas prácticas para la optimización webBuenas prácticas para la optimización web
Buenas prácticas para la optimización webbetabeers
 
La magia de Scrum
La magia de ScrumLa magia de Scrum
La magia de Scrumbetabeers
 
Programador++ por @wottam
Programador++ por @wottamProgramador++ por @wottam
Programador++ por @wottambetabeers
 
RaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoTRaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoTbetabeers
 
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015betabeers
 
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015betabeers
 

Mehr von betabeers (20)

IONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformaIONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataforma
 
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
 
Blockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar LageBlockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar Lage
 
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica MediavillaCloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
 
Desarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo QuilónDesarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo Quilón
 
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito -  Jon Torrado - Betabeers BilbaoLa línea recta hacia el éxito -  Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
 
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
 
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
 
Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)
 
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
 
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
 
Elemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de UsoElemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de Uso
 
Seguridad en tu startup
Seguridad en tu startupSeguridad en tu startup
Seguridad en tu startup
 
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
 
Buenas prácticas para la optimización web
Buenas prácticas para la optimización webBuenas prácticas para la optimización web
Buenas prácticas para la optimización web
 
La magia de Scrum
La magia de ScrumLa magia de Scrum
La magia de Scrum
 
Programador++ por @wottam
Programador++ por @wottamProgramador++ por @wottam
Programador++ por @wottam
 
RaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoTRaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoT
 
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
 

Web sockets