Manejo de Websockets con NodeJS

Clase 30 de 33 • Curso de Node.js: Base de Datos con MongoDB y WebSockets

Francisco Garcia [C6]

student•

wow que sencillo de entender asi.

;-)

index.js

const express = require('express');
const app = express();
const server = require('http').Server(app);
const io = require('socket.io')(server);
const PORT = 8080;

app.use(express.static('public'));

io.on('connection', (socket) =&gt; {
    console.log('Nuevo cliente conectado');
    socket.emit('mensaje', 'Bienvenido');
})

setInterval( () =&gt; {
    io.emit('mensaje', 'Hola, les estoy saludando a todos');
}, 3000)

server.listen(PORT, () =&gt; {
    console.log(`Servidor iniciado en el puerot: http://localhost:${PORT}`);
})

index.html

&lt;html&gt;
    &lt;head&gt;
        &lt;script src=&quot;socket.io/socket.io.js&quot;&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;h1&gt;Mira la consola&lt;/h1&gt;
        &lt;script&gt;
            var socket = io.connect('http://localhost:8080', {
                forceNew: true,
            });

            socket.on('mensaje', (data) =&gt; {
                console.log(data);
            })
        &lt;/script&gt;
    &lt;/body&gt;
&lt;/html&gt;

Alonso Fabricio Samanez Nuñez

student•

:thumbsup:

Rolando Mamani Salas

student•

Muy buena explicacion la verdad

Juan J. López Lira

student•

Me gusta mas la solución de Firebase con live database de firestore XD

Omar Jesus Hernández Bastos

student•

Totalmente de acuerdo.

OSCAR RODRIGUEZ

student•

No pues ya no programes de una vez cawnn.

David Alejandro Garcia Sanchez

student•

Excelente ya quiero aprender como conectar los sockets al frontEnd

Jose Daniel Molina

student•

Me encanta este tema de sockets!!! es genial

Rolando Mamani Salas

student•

Carlos Isaac Rosales Castellanos

student•

Muy buena clase para demostrar qué son websockets y cómo se podrían ver, quizás falta ver más del lado técnico qué implica todo esto que acabamos de hacer más que simplemente traspasar código y ver que imprime algo.

El curso en sí, tiene un buen contenido introductorio para la parte de la API Rest, pero para la parte de websockets es muy leve como para decir que el curso es de WebSockets también!

José Guillermo

student•

Yo vine buscando exactamente un curso más técnico enfocado en sockets y me fui casi con las manos vacías. Necesitamos un curso real y profesional de sockets con Node, implementación de arquitecturas escalables, consejos de diseño para estos combos y exprimirle más juguito a Mongo para estos casos como visualización de documentos o colecciones en tiempo real con Change Stream de Mongo Atlas o hasta clúster de replicado automatizado con una integración propia de Change Stream. Crear nuestro propio Firebase vaya. Eso sería un curso de oro puro y no es nada fácil encontrar información útil en cosas de ese nivel.

Nicolás Scandizzo

student•

los que tengan algún error con los CORS o con 'Access-Control-Allow-Origin' header is present on the requested resource'

tiene que agregar al archivo de index.js lo siguiente :

const io = require('socket.io')(server, {
     cors: {
          origin: '*',
     }
});

Andrés Muñoz

student•

Que curioso a mi no me dio ese error, porque sera que te sale ?

Dante Calderón

student•

¿Hasta cuantos usuarios soporta o se recomienda tener en una conexion de websockets?

Juan Teixeira

student•

Todo depende del recurso que tenga el servidor.!

Jose Daniel Molina

student•

Porque no se puede manejar todo con el server de express? Es decir, porque se crea un server de Node "tradicional"?

Ramdhei López Arcila

student•

Cuando tratas de hacer eso, socketIO te explica que no lo puede hacer ya que express (además de poder levantar un server) es un manejador de rutas, este es el log que sale cuando lo intentas:

Error: You are trying to attach socket.io to an express request handler function. Please pass a http.Server instance.

David Gustavo Lopez Figueroa

student•

No me salio me da un Cannot GET / Cada que inicio el servidor.

Juan Carlos Montilla Sánchez

student•

Hola, David. Nos puedes compartir tu código, please

Andres Condo

student•

En caso de que quiera enviarle un mensaje a un usuario en especifico, como podria hacerlo?

Andrés Muñoz

student•

Hay algún problema si el túnel de comunicación que se crea se queda abierto indefinidamente 24/7 ?

Jorge Andres Poveda Carvajal

student•

se puede quitar el codigo de sockets del index? si es posible como lo hago?

Cristian Rodríguez

student•

No entiendo la correlación de esta clase (parece tomada de otro curso) con lo que se estaba implementando en el que el main era el server.js. Alguien podría explicarme como empezar a unir esto? el curso me parece no es lo suficientemente ilustrativo para unir lo que se estaba haciendo en un comienzo.

Linco Fernández Aranda

student•

Tengo un backend con express y dentro de este, tengo varios controladores que manipulan las peticiones http y consultas a la base de datos. Me gustaría agregar socket a mi backend pero quisiera saber como podría implementarlo de manera estable y poder acceder a mis rutas normalmente y agregar eventos de socket a través de un servicio 4

Lidia R.

student•

Y si quiero que se abra varias ventanas de chat como en las de facebook, cada usuario con su propia ventana de chat?

Mariano Aguirre Giraldo

student•

Lo que tendrías que hacer es generar un evento por cada chat que deseas generar.

Ejemplo

io.emit("chat-juan")
io.emit("chat-pablo")
io.emit("chat-lucia")
...

Cada evento, debes construirlo con un nombre único y solo debes enviarlo a los usuarios que aplique.

Lidia R.

student•

@NanoMag lo solucione con un array para emision de nombre y un emit socket.id . Gracias!

Carlos Mario Gomez Gelvez

student•

npm i express socket.io

brandon james grimaldo moscote

student•

wow, que interesante este tema de los websockets, muy bien explicado, vale oro este curso.

Alejandro Ruiz Melo

student•

Genial, no se ve complicado. Habra que ver el curso completo de websocket.

Dante Calderón

student•

Hasta cuantos usuarios soporta o se recomienda tener en una conexion de websockets?

Boris Köhli-Richter

student•

Eso escala junto con tus recursos en cada servidor y la cantidad de servidores en tu cluster, pero virtualmente no tienes limites, el mismisimo Facebook corre con websockets, asi que date una idea...

Karen Paola Diaz Duarte

student•

Práctica: Muy clara esta clase, me encanto. <3