Fundamentos de Socket.io
Cómo hacer aplicaciones en tiempo real
Protocolos de comunicación: HTTP vs. WebSockets
¿Qué es Socket.io?
Socket.io vs. WebSockets
¿Cómo funciona Socket.io?
Ciclo de vida de Socket.io
Socket.io en la práctica
Creando nuestra primera aplicación con Socket.io
Obteniendo información de conexiones en el servidor
Emisión de eventos
On, Once y Off
Broadcast de eventos
Creación de salas con Socket.io
Namespaces en Socket.io
Lógica de envio de mensajes
Manejo offline
Eventos volátiles
Manejo de Middlewares
Herramientas extra
Debugging en Socket.io
Configuración para testing usando la librería jest
Testing con jest
Admin UI
Proyecto WebChat
Estructura inicial del proyecto WebChat
Sistema de autenticación
Programando la lógica del chat
Detalles finales y demostración de chat en tiempo real
Cierre
¿Quieres un Curso Práctico de Socket.io?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 6
Preguntas 5
¿quieres ahorrarte la instalación de nodemon?, si es así, esta info es para ti.
actualmente desde la versión 18.11.10 de node, se encuentra el modo “watch”, este comando reinicia el proceso cuando se cambia un archivo.
así quedaría el script:
"start": "node --watch src/index.js"
npm init
npm i express socket.io --save
npm i bufferutil utf-8-validate --save-dev
git init
npm i nodemon --save-dev
Con module
import express from "express";
import { createServer } from 'http';
import path from "path";
import { Server } from "socket.io";
import * as url from 'url';
const app = express();
const httpServer = createServer(app);
const io = new Server(httpServer);
const __dirname = url.fileURLToPath(new URL('.', import.meta.url));
app.use(express.static(path.join(__dirname, '/views')));
app.get('/', (req, res) => {
res.sendFile(__dirname + '/views/index.html');
});
io.on('connection', (socket) => {
console.log(socket.id);
});
httpServer.listen(3000);
Para trabajar con modulos
index.js
index.html
package.json
Agregar esta linea en el archivo
Para los que usan Yanr 🐿 👍
yarn init
yarn add express socket.io
yarn add bufferutil utf-8-validate --dev
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?