Cómo utilizar WebSockets en una aplicación web con NodeJS y SocketIO

Aprende como crear una aplicación web con actualizaciones en tiempo real utilizando Websockets y NodeJS, en concreto la librería SocketIO que te ayudará a implementarlo de una forma más sencilla para la comunicación cliente y servidor, tomando como ejemplo un chat.
Artículo en el blog, Websockets: Cómo utilizar socket.io en tu aplicación web ☛ carlosazaustre...
eBook "Aprendiendo JavaScript" ☛ leanpub.com/ap...
#Websockets #socketIO #NodeJS #JavaScript
Sígueme en Twitter y no olvides suscribirte :)
/ carlosazaustre

[@HenryVallenilla]

Mejor manera de explicar como funciona sockets, creo que no hay. Excelente Carlos , Felicidades

[@CarlosAzaustre]

+Henry Vallenilla Muchas gracias :)

[@draenor19]

si para ti explicar como funcionan los sockets es usar una libreria de terceros vas apañao, suerte cuando tengas que usar sockets en una empresa seria para poner una app en produccion

[@luisangelpormachiquichca2440]

No entiendo, dispulpa Asphixia a que se refiere con eso.

[@javiernicolasurquijo]

Gracias Carlos, me has aclarado todas mis dudas para poder empezar con los sockets.

[@norbe82]

Llevo un dia entero buscando un tutorial como este, gracias amigo

[@marianojorajuria7761]

Mil gracias por este video. Muy bueno!! Saludos desde Argentina!

[@demetriogomez2466]

Mejor explicación imposible!

[@DavidBeharL]

Vengo del curso de platzi de nodejs y acabo de entender contigo cómo funciona la librería sockets.io

[@andresapablaza6237]

5 años después y sigue siendo muy útil vuestra info, agradecido :D

[@CarlosAzaustre]

Muchas gracias Gerardo! A ver si puedo en algún momento grabar uno nuevo actualizado :)

[@andresapablaza6237]

@@CarlosAzaustre seria genial, hoy en día me encuentro con mucho material audiovisual de frontend, pero no hay mucho para backend

[@javiermarin9092]

Te agradezco que hayas hecho este video que me ha aclarado un montón de cosas, muchas gracias!! Lo que más me gusta es que vas directamente al grano, hablas con propiedad, y haces comentarios que aportan un valor añadido (por ejemplo, lo que comentas de npm) a aquello que estás enseñando.

[@nufrankz]

Excelente ejemplo amigo! Te lo dice un desarrollador web también. Explicativo y explicas los errores también. Saludos desde Chile!

[@FranEG]

Me ha salido recomendado, que cambio, que joven jajaja. Estoy buscando info para implementar websocket en PHP y con sistema de redis Pub/Sub para gestionar muchas conexiones y es una locura...

[@CarlosAzaustre]

Si tiene unos añitos el vídeo jejej. Con PHP no se como será, pero Node.js al ser tan orientando a eventos, viene prácticamente de serie para este tipo de aplicaciones.

[@aldohernandez3039]

Super buen explicando, solo llevo dos videos, esté y del ASYNC y WAIT, ahora ya entiendo como funcionan los WebSockets y la Asincronizidad de JavaScript, excelente contenido.

[@CarlosAzaustre]

Muchísimas gracias por tu comentario Aldo! Me alegra leer esto 😉. Bienvenido al canal!

[@martincalderon3976]

sos lo maximo, gracias por compartir tus conocimientos,FELICIDADES!!

[@chiche10master18]

exelente video muy completo bien explicado. espero sigas haciendo videos asi porque en este tema casi no se encuentra informacion.

[@Gustabf]

Me ayudo muchísimo, me gustaría leer tu libro o más de tus tutoriales, explicado todo de maravilla

[@WzrLvDJ666]

pues que chevere me gusto el tema habrá que estudiar para saberce los métodos que es como lo mas difícil felicitaciones

[@pablovelilla816]

Excelente explicación con sockets, básico ejemplo pero muy bueno para entender el funcionamiento a la perfección, mil gracias.

[@carlitosdroid]

Muchas gracias Carlos me ha ayudado mucho ya que recien empiezo con Node.js! Saludos desde Perú.

[@egeres14]

Este canal es genial, en mi opinión merece más reconocimiento.

[@gust5850]

Excelente! me ha servido mucho para entender y aplicar los websockets y aprender algo de nodejs. Muchas gracias por el video!!!

[@ivanparedes7894]

espectacular video . saludos desde Argentina

[@alexistobarvalladares]

Carlos muy agradecido por tu tutorial!! Eres un excelente tutor en serio muchísimas gracias.

[@alfoom6922]

El resumen final es muy útil. Gracias. Suscrito quedo

[@rubenrafamercado2792]

Ahora, sí. Lo hiciste fácil. Gracias

[@jamiejoaomendozasernaque731]

El único tutorial que me sirvió, muchas gracias por tu tiempo

[@angelffg]

Felicitaciones hombre! Excelente Tutorial...! de los mejores explicados que he visto. Felicidades por tu manera de explicar. Gracias por tomarte el tiempo para compartir tus conocimientos. Un abrazo!

[@AbrahamNM]

Carlos, muchas gracias por tomarte el tiempo de hacer estos videos. Muy bien explicado, he aprendido mucho, me suscribo ya al canal. Saludos.

[@CarlosAzaustre]

Mil gracias Abraham!

[@overrideguilarte]

excelente explicación, el mejor que he visto explicando nodejs (y).. saludos

[@CarlosAzaustre]

+Carlos Guilarte Muchas gracias Carlos :)

[@devve7]

Excelente Carlos, muy buena explcación. Punto claro y entendido. Exitos !!!🙂🙂

[@josemciges]

Excelente, claro y didáctico, sí señor!

[@oscareduardoaceroacero5208]

Muy buena explicación, saludo desde Colombia.

Excelente explicación!!! gracias por compartir

[@luispasten2494]

Muy bien explicado Carlos muchas gracias por el contenido me gustan mucho tus videos saludos desde México

[@meetsummdev]

Muchas gracias Carlos, he aprendido bastante con todos tus vídeos, aplicando esto voy hacer una web para encender una bombilla con Arduino y johnny-five, gracias.

[@patriciopro2695]

sos un grande Iker Casillas, muy buen video

[@CarlosAzaustre]

Isco o Iker? No puedo ser tantos jugadores de fútbol a la vez

[@cafeta]

Excelente tutorial, fácil de entender, claro y conciso. Muchas Gracias.

[@eduardocaceres3380]

Buenisimo el Curso, bien explicativo y directo, me sirivio muchisimo, segui asi Carlos, un abrazo desde Paraguay

[@carlosmoran5579]

Gracias, me sirvió bastante para comprender el uso de Sockets

[@nahueljimenez9557]

Hola Carlos, vengo desde tu pagina web, mirando este video, ya me suscribi y todo, muy buenos videos, no dejes de hacer contenido che. pregunta, como hago para poner este chat en una app hibrida que hice..?? no tengo muchos conocimientos

[@carlos.fonseca74]

Carlos, muchas gracias, me sirvió mucho, era exactamente lo que estaba buscando, compraré tu libro

[@CarlosMrMata]

Simplemente genial tu explicación, muchas GRACIAS!!!

[@DiegoHirschfeld]

Muy buen video y tutorial. Práctico y conciso. Excelente!!!

[@Aaa-3705]

Excelente tutorial, me sirvió muchísimo para entender esta tecnología. Tienes un nuevo suscriptor ;)

[@carlosaragon5590]

Mil Gracias por este grandioso video, lo necesitaba para entender mejor como funcionan los web sockets, saludos Carlos!!

[@CarlosAzaustre]

Muchas gracias tocayo! El vídeo es algo antiguo pero me alegra saber que todavía resulte útil 😉. Te invito a que veas los últimos vídeos del canal, ya más actualizados, aunque de websockets no tengo nada nuevo...

[@juan.carloz]

Excelente trabajo, me ha ayudado a vincular node.js con RabbitMQ

[@CarlosAzaustre]

Genial! :)

Está genial el tutorial. Muchas gracias Carlos! Todo explicado a fondo y los atajos, es de mucha ayuda.

[@aguiland06]

Mejor imposible!!! Felicitaciones....

[@charlesmola]

Muy buen tutorial, explicas muy bien y me ha quedado todo clarísimo. Gracias

[@joseseguranietzen5473]

Muy buen tutorial, soy de php y quiero entrar al mundo node, esta bastante util

[@CarlosAzaustre]

genial, Node te encantará :)

[@joseseguranietzen5473]

Sinceramente si me esta gustando bastante. Gracias

[@diegoreymy7910]

Excelente Carlos, me gustó el video, bien explicado, no conocía esto de sockets, me ha parecido brutal!! gracias por el aporte!

[@x3xcode]

genial muchos gracias estoy aprendiendo de sockets y me sirve mucho para aprender

[@CarlosAzaustre]

Me alegro mucho Franklim! Quizá lo actualice en algún momento, ya que este video tiene su tiempo :)

[@burngeek8]

Me gustó mucho el vídeo, muchos éxitos Carlos, Saludos desde Perú ;)

[@CarlosAzaustre]

Muchas gracias Luis, :) Saludos desde España!

[@GATO6470]

Super bien explicado! Entendí perfecto Saludos desde Latam

[@CarlosAzaustre]

Gracias Gato! Un saludo!

[@TheHjavier]

Hola Carlos!! execlente aportación... ! estaba tratando integrar Arduino al servidor... pero ando bastante perdido en ese tema

[@lermya.ferrerperalta8853]

Excelente curso!

[@elnerto3154]

Felicitaciones!!, claro y conciso. Fue realmente aprovechada cada frase que nos has dedicado. Se podria hacer que la respuesta del servidor sea mandada a solo uno de los clientes?

[@raga13061306]

Perfecto!!! Excelente tutorial... Mejor explicado no se puede..

[@aligonzalomendozaramirez3066]

Buenas Carlos, estoy siguiendo todos tus videos, me parecen interesantes. Saludos

[@jesus_malik]

Maravilloso Video!!! Super Muchas gracias por compartir la info! Y por cierto no se si te han dicho pero te pareces al Bucky "Soldado del Invierno". Jajas siento como si el me estuviera enseñando programación xdxd

[@techhalla]

Muy muy crack, explicas de lujo. Me acabo de suscribir y seguro que veré muchos más vídeos. Gracias!!!

[@davidmontoya6926]

Excelente video, necesitaba saber del tema y solo tuve que ver este video para lo que requeria, muchas gracias

[@cristiansgarciaolmedo2062]

Excelentes videos, super bien explicados. Muchisimas felicidades Carlos, continua así

[@joseantoniozamoragomez425]

Excelente trabajo como siempre tus vídeos bien explicados, saludos desde Guatemala

[@ricardoesquivel8226]

Muy buen tutorial, gracias .

[@sjetinetorg]

Buen tutorial. Me ha sido muy util. Un detalle. Yo tengo instalado nodemon en gobal. Para no tener que instalarlo en todos las pruebas de servidores que hago. Luego para ejecutarlo simplement le escribo nodemon en el directorio del servidor que quiero ejecutar, sin expecificar el fichejo js del servidor, supongo que lo cada del package.json. Aunque en mi package.json no tengo el script start. Un Saludo.

[@CyberadictosOficial]

igual ami alguna solucion?

[@narquillo56]

buen video, yo apenas estoy empezando a usar esta libreria

[@javierpruebas]

Te felicito por el video, gracias por compartir lo que sabes. muy bueno

[@mailalexandergrg]

Saludos ya esta disponible tu libro, muy buena explicación

[@CarlosAzaustre]

Si, mi libro Aprendiendo JavaScript lo puedes encontrar aquí: leanpub.com/aprendiendo-javascript :)

[@MegaJuandelgado]

Hola excelente video, una pregrunta qué motor de base de datos es mas aconsejable utililizar para ste tipo de aplicaciones (chat), para que sea mas rápida ? gracias

[@adriano-josue]

Saludos! Estoy creando una aplicación web de noticias, creo que me falta poco por terminar lol, una de las cosas que me hace falta es un buscador que al escribir automáticamente filtre las noticias por el título, para el JavaScript estoy utilizando angularJS. Cuando tengas tiempo seria genial que hicieras un vídeo explicando cómo desarrollar un buscador así. de antemano muchas gracias!

[@danielinzunza2183]

+Adriano Josué Díaz Hidalgo eso se hace con ajax

[@waralukinfor]

Woow, muy bien explicado, te felicito !! me gustaría puedas explicar en un futuro video como conectar a base de datos del servidor... y cómo mostrar esos datos, saludos !!!

[@elcanaldeflo]

Hola Carlos muchas gracias por el vídeo, tu forma de explicar es muy clara me gusta. tengo una duda.. esto haciendo una api con node.js y de front estoy utilizando angular.. la lógica seria la misma no ? es decir igual necesito la libreria HTTP no ? saludos y muchas gracias.

[@robertamir3569]

Excelente vídeo, explicas muy bien, de verdad no sabia lo maravilloso que se puede hacer con websocket, una duda que tengo en el caso que quiera mostrar una información en otra pantalla pero al seleccionar en otra pantalla como tendría que hacer alli? ejemplo, si tengo una aplicación que llama nro y quiero que el usuario lo visualice en una pantalla

[@patyarakawa]

Carlos, muchas gracias, ejemplo buenísimo! Si un día haces un curso para crear un ecommerce en Nodejs desde cero, de hecho lo compraría :P

[@henryparra400]

Un millón de gracias!.

[@mr.robert3307]

mis respeto para usted maestro!... muchisimas gracias por compartir tus conocimientos con nosotros... porfa en cuanto termines tu libro notificanos como se llama para comprarlo!... saludos desde La Costa Chica de Guerrero, Mexico...!!!

[@babuinotech8299]

Excelente video, muchas gracias.

[@DavidHernandez-bg1ip]

Muchas gracias excelente. Una pregunta como seria en caso de por ejemplo querer enviar una notificación a determinado usuario cuando se guarda algo en la. Base datos, sería con websockwts? Tendrías algún curso algo parecido? Gracias d antemano

[@MrGramita]

excelente video, excelente calidad, gracias por tus videos, me gustaria conocer los shortcuts que usas. Saludos desde Canada

[@davidmirandarojas4042]

Muchas gracias. muy buen video, me sirvió mucho

[@victormanuelcasallas2856]

Muchas gracias por su explicación sobre sockets, una pregunta Como hago para guardar los mensajes en una base de datos mysql?, si se puede por favor me indica donde colocar la conexión a la base de datos y donde las funciones de insertar y de buscar mensajes. Muchas gracias por su respuesta

[@freddyalexquezadahuaquisto6597]

muy bien explicado carlos tendras un ejemplo con base de datos sqlserver

[@jqsystemjqsystem1096]

muy buen video. una consulta estoy haciendo un examen virtual con node js, y esoy haciendo una consulta a la BD con socket io para que me devuelva e tiempo restante cada segundo. ¿Seria recomendable hacerlo así?

[@develop5240]

claramente veo la misma ideología de React en tu javascript jajaja , Gran video Azaustre!!

[@jairorudas2889]

Excelente Carlos, Como seria posible crear canales y que las notificaciones sean lleguen de acuerdo al canal donde el usuario este. ejemplo slack!. En concreto es, como creo canales en socket?

[@gaeloz]

Excelente tu vídeo, muchas gracias de compartir tu conocimiento. Saludos!

[@marcoantonioguerreroalfaro4610]

Buen video, había visto otros pero el tuyo es muy sencillo de entender y me ha aclarado varios conceptos básicos, uso php pero me interesa mucho node, por cierto sabes si enviar datos con socket, afecta en algo el SEO de un sitio web? Saludos desde Perú.

[@CarlosAzaustre]

+Marco Antonio Guerrero Alfaro Muchas gracias Marco :) Sobre lo que preguntas, ten en cuenta que esos datos que se envíen y se reciban son ejecutados por JavaScript y por tanto los BOTs de Google no los leerán. Deberías hacer persisitir esos datos. Los sockets son para recibir datos en tiempo real, si quieres que sean rastreables, debe renderizarlos el servidor.

[@Gonzalokuky14]

Excelente video ! Un abrazo desde Chile !!

[@CarlosAzaustre]

+gonzalo alejandro muñoz constanzo Muchas gracias por pasarte por aquí :)

[@walterrodriguez2696]

Gracias Carlos, muy bueno el vídeo!

[@jesus5jesus]

Una pregunta Carlos, si habitualmente usaba AJAX para las peticiones, y ahora quiero usar socket io para hacer refresco de información en real time, pero cuando son peticiones que no son real time en el mismo proyecto como puede ser un login o registro uso AJAX?, o ya puesto hago todas las peticiones con socketio pero unas con broadcast y otras sin broadcast. Que opción es mejor, todo con socketio pero diferenciando el tipo de respuesta del servidor, o socketio(cuando se necesita real time) a veces y otras AJAX(cuando no se necesita real time)? Tus vídeos son geniales,espero tu respuesta, saludos.

[@dmeritano]

Muchas gracias Carlos.

[@alejandroduin]

Buenos días Carlos, excelente video, me ha ayudado mucho en mis proyectos, muchas gracias. Quería hacerte una consulta, se podría programar con node.js y socket.io una app que este a la escucha de un evento en otro servidor, mas específicamente, necesito enviar datos mediante POST o GET de un servidor donde esta corriendo cierta app y dirigir esta data a otra app que este escuchando a la espera de esta, mi duda es si apps independientes pueden comunicar data de esta forma mediante NODE.JS y SOCKET.IO o es necesario otra tecnología, aun me falta profundizar, pero quisiera saber si voy por el camino correcto. De antemano muchas gracias, excelente material que compartes por este canal y mediante tu blog, felicidades y muchas gracias.

[@Zaloganon]

Excelente tutorial! de lo mejor! Cómo mola Node con Express y más aún si es con Sockets.io ^^

[@fredynph3459]

Muy buen video Gracias

[@sergiodiaz2201]

Hola me encanto tu tutorial, mi problema es que quiero correrlo en mi hosting remoto, y tu estas utilizando localhost, que linea debería modificar para que tu ejemplo hecho con el host local corra en el host remoto?

[@patyarakawa]

En mi caso he usado Heroku para el deploy. En el archivo servidor modifiqué para que quedara de esta manera: server.listen(process.env.PORT || 8080, function() { console.log("Servidor corriendo en localhost:8080"); }); Y en cuanto al archivo cliente, reemplacé la línea: var socket = io.connect( 'localhost:8080', { 'forceNew': true }); Por: var socket = io.connect(); Te paso el código del proyecto que hice aplicando este tutorial: github.com/parakawa/Examen-Whatsapp

[@66javi66]

Hola, he probado lo que tu dices, pero al intentar entrar el heroku me salta un error que dice "Application error". Alguna idea?

[@freesgen]

javi lee los logs de heroku para que veas cual es el error escribe : heroku logs --tail en la consola

[@66javi66]

Muchas gracias por la respuesta :), al final conseguí hacer correr la aplicación sin problemas. Si alguién tiene dudas respecto al tema que me pregunte! Un saludito!

[@freesgen]

Que bien, saludos :D

[@juliangimenezroland319]

muy bueno, muchas gracias

[@heribertoriosoliva748]

Hola Carlos te felicito por tu trabajo y dedicacion a explicar temas complejos de una forma fácil. Tengo varias inquietudes; ¿Cómo paso una app en node a producción si la tengo? Y ¿Ese chat es posible desarrollarlo solo con java script fuera de Node? Ye estoy suscrito y continuo aprendiendo en tu canal

[@bmnhardcore2]

Buen video, bien explicado. Que tema usas en atom? Y en la terminal, que plugins/paquetes usas para ver la funcionalidad de git? Y que tema de color tienes? Gracias

[@CarlosAzaustre]

+ramb.O Muchas gracias :) El Theme de UI que uso se llama "Seti" y la sintaxis de colores se llama "Photon". Para el terminal uso iTerm y "Oh my Zsh", en un post de mi blog lo explico un poco: carlosazaustre.es/blog/configura-tu-mac-como-un-desarrollador-profesionalque-2/ Espero que te sirva! :) Saludos! Carlos.

[@obelich]

Muy buen video tutorial sobre socket IO :)

[@franciscocruz7700]

Hola antes que nada gracias por tu video, esta muy bien explicado. Solo quiero sabe si me puedes orientar, lo que pasa es que por cuestiones de mi proyecto el archivo index.html tiene que ser gracias.php, encontre como cambiar el nombre del archivo pero con la extencion php tengo conflicto. sera que me puedas ayudar. Gracias

[@yldemarojimenez8270]

saludos carlos excelente tutorial, me ayudo bastante pero lo que si ando confundido es que como haria para tomar datos de otro servidor que por ejemplo lo inserten desde java netbeans a mongodb, y socket.io lo escuche en mongodb y muestre los datos en tiempo real hay alguna manera?? saludos