NestJS ¿Como usar socketio websocket? para crear un chat en tiempo real

🔥🔥 Más contenido de programación aquí abajo 🔥 🔥

VER NESTJS EN ORDEN: https://www.youtube.com/watch?v=lonpW-0EybY&list=PL_WGMLcL4jzWCFea1NUVOfaf4IqIMFN4P
PRE-REGISTRO: https://link.codigoencasa.com/NESTJS
REPOSITORIO: https://github.com/leifermendez/nest-js-socket

En este video vamos aprender a realizar la conexión Socket.io, esa conexión bidireccional entre el frontend y el backend. En está ocasión el frontend está realizado en angular pero puede funcionar perfectamente con un front en react o cualquier librería o framework que tu utilices, la idea es aprender la lógica de como funciona y como vamos a conectar esto a través de Socket.io usando el puerto tsp que es básicamente lo que funciona por detrás.

Este video forma parte de la serie de videos que venimos construyendo con NestJs y contiene un ejercicio práctico.
Así que vamos a darle y acompáñame hasta el final del video.

Como conectar Socket.io en Nestjs

Si estás empezando a programar, o si quieres fortalecer tus conocimientos te doy la bienvenida a este canal.

Aquí hablamos de angular desde cero, y node desde cero, también complementamos con cursos gratis mongo, de frontend de backend, problemas reales de un programador y soluciones que se aplican en el día a día.

Aquí vas a encontrar tutoriales de programación específicamente de angular, tutoriales de node, juntos llevaremos a la práctica ejercicios reales de programación, así que venga y le cuento.

Si aún no estás suscrito y este contenido gusta 👉 https://www.youtube.com/channel/UCgrIGp5QAnC0J8LfNJxDRDw?sub_confirmation=1

👋 𝐂𝐔𝐑𝐒𝐎𝐒 𝐆𝐑𝐀𝐓𝐈𝐒
├ 0️⃣ 𝙑𝙀𝙍 𝙏𝙊𝘿𝙊𝙎 ⮕ https://leifermendez.github.io/#/
├ 1️⃣ 𝘼𝙉𝙂𝙐𝙇𝘼𝙍 desde cero ⮕ https://bit.ly/367tJ32
├ 2️⃣ 𝙉𝙊𝘿𝙀 Express desde cero ⮕ https://bit.ly/3od1Bl6
├ 3️⃣ 𝙈𝙊𝙉𝙂𝙊𝘿𝘽 desde cero ⮕ https://bit.ly/3qh35wK
├ 4️⃣ 𝙎𝙊𝘾𝙆𝙀𝙏.𝙄𝙊 desde cero ⮕ https://bit.ly/3pg1Q02
└ 5️⃣ 𝙉𝙂𝙍𝙓 𝙙𝙚𝙨𝙙𝙚 𝘾𝙀𝙍𝙊 ⮕ https://bit.ly/ngrx-desde-cero

🤑 𝐂𝐔𝐑𝐒𝐎𝐒 𝐏𝐀𝐆𝐎𝐒
├𝘼𝙉𝙂𝙐𝙇𝘼𝙍 principiantes ⮕ https://link.codigoencasa.com/PROMO-INICIAL
├𝙉𝙊𝘿𝙀 ⮕ https://link.codigoencasa.com/NODE
└ 𝘼𝙒𝙎 𝘽𝙖𝙨𝙞𝙘𝙤 desde cero ⮕ https://link.codigoencasa.com/AWS

‍🚀 𝐂𝐎𝐌𝐔𝐍𝐈𝐃𝐀𝐃 𝐘 𝐆𝐑𝐔𝐏𝐎𝐒 𝐃𝐄 𝐄𝐒𝐓𝐔𝐃𝐈𝐎
├ 𝙎𝙐𝙎𝘾𝙍𝙄𝘽𝙀𝙏𝙀 ⮕ https://www.youtube.com/channel/UCgrIGp5QAnC0J8LfNJxDRDw?sub_confirmation=1
├ 𝙈𝙄𝙀𝙈𝘽𝙍𝙊𝙎 ⮕ https://www.youtube.com/channel/UCgrIGp5QAnC0J8LfNJxDRDw/join
└ 𝙏𝙀𝙇𝙀𝙂𝙍𝘼𝙈 ⮕ https://t.me/leifermendez

‍🏆 𝐌Á𝐒 𝐂𝐎𝐍𝐓𝐄𝐍𝐈𝐃𝐎
├ 𝙎𝙋𝙊𝙏𝙄𝙁𝙔 ⮕ https://spoti.fi/3vnrvqg
├ 𝙔𝙊𝙐𝙏𝙐𝘽𝙀 ⮕ https://www.youtube.com/leifermendez
├ 𝙄𝙉𝙎𝙏𝘼𝙂𝙍𝘼𝙈 ⮕ https://www.instagram.com/leifermendez
├ 𝘽𝙇𝙊𝙂 ⮕ https://www.codigoencasa.com
└ 𝙁𝘼𝘾𝙀𝘽𝙊𝙊𝙆 ⮕ https://www.facebook.com/leifermendez.dev

‍💰 𝐏𝐑𝐎𝐌𝐎𝐂𝐈𝐎𝐍𝐄𝐒 𝐘 𝐃𝐄𝐒𝐂𝐔𝐄𝐍𝐓𝐎𝐒
├ 𝙃𝙊𝙎𝙏𝙄𝙉𝙂 Aprovéchate del descuento) ⮕ https://bit.ly/hosting-descuento-leifermendez
├ 𝙑𝙋𝙉 (3 meses gratis de servicio) ⮕ https://bit.ly/vpn-leifermendez
└ 𝙑𝙀𝙍 𝙏𝙊𝘿𝙊 ⮕ https://link.codigoencasa.com/MAS-COSAS

🧠 𝐑𝐄𝐏𝐎𝐒𝐈𝐓𝐎𝐑𝐈𝐎 𝐘 𝐂𝐎𝐃𝐈𝐆𝐎𝐒
└ 𝙂𝙄𝙏𝙃𝙐𝘽 ⮕ https://github.com/leifermendez

✉️ 𝐂𝐎𝐍𝐓𝐀𝐂𝐓𝐎
└ 𝙈𝘼𝙄𝙇 ⮕ [email protected]

0:00 Intro
0:50 Ejercicio
2:15 Vamos al codigo
3:44 ngx-socket-io
5:25 Backend side
6:08 Dependencias
7:20 Chat Gateway
10:23 Metodos de Conexion y Desconexion
14:00 Emitiendo mensajes desde Backend a Frontend
15:58 Enviando desde Front a Backend
19:00 Dejando sala y uniendo a nueva sala
20:00 Resumen
23:00 SPOILER

npm i –save @nestjs/websockets @nestjs/platform-socket.io socket.io

https://www.npmjs.com/package/ngx-socket-io

https://marketplace.visualstudio.com/items?itemName=jgclark.vscode-todo-highlight

Si el contenido de está video te parece relevante recuerda suscribirte al canal, activar la campanita para que youtube te avise cada vez que subo un nuevo video y dejar una manito arriba.

#leifermendez