Cuando hablamos de WebSockets usualmente nos podemos referir a dos cosas, por un lado al protocolo de WebSockets y por otro a la interfaz del navegador para comunicarnos vía WebSockets.
El protocolo de WebSockets es un protocolo de la capa 7 del modelo OSI, que funciona a través del protocolo TCP, de la misma forma que lo hace el protocolo Http. Esto quiere decir, por un lado que Http y WebSockets son protocolos de red distintos, PERO, que son compatibles entre sí porque ambos funcionan a través de TCP.
La diferencia entre ambos, es que las WebSocket permiten comunicación a dos vías, desde el cliente hacia el servidor y desde el servidor hacia el cliente sobre una misma conexión. El protocolo Http, por otro lado y como has aprendido en este curso, sólo se comunica desde el cliente hacia el servidor y cada nuevo mensaje requiere una conexión nueva hacia el servidor mismo.
La habilidad de que el servidor se comunique con el cliente sin que el cliente haya iniciado la conversación, y que podamos mandar mensajes de ida y vuelta sobre una misma conexión hacen a las Websockets la tecnología perfecta para la implementación de aplicaciones en tiempo real. Ya que si el servidor tiene información nueva que comunicar al navegador, no debe esperar nada, usa el canal establecido a través del protocolo de Websockets para informarlo.
La interfaz de las WebSockets por su parte, es el cómo nosotros programamos un cliente que se conecte con un servidor a través de este protocolo, esta interfaz la estandariza y define el consorcio de la web, la W3C. Los navegadores la integran junto con su implementación de comunicación con el protocolo WebSockets.
En palabras más simples, esta interfaz son las clases, métodos y objetos a través desde JavaScript en el navegador nos comunicamos vía WebSockets.
Para poder comunicarnos vía WebSockets tenemos que configurar nuestro servidor para dar soporte a la comunicación vía este protocolo, y por supuesto implementar un cliente en el navegador que se conecte, reciba y envíe mensajes hacia el servidor, además, también podemos configurar los mensajes que el servidor mismo enviará hacia el cliente.
Trabajar con protocolos de red es un desafío por sí mismo, como recordarás, un desarrollador backend por lo general no implementa el programa de comunicación con el protocolo de Http, más bien aprovecha uno existente, NodeJS por ejemplo expone el paquete http para comunicarnos con el protocolo.
Lo mismo pasa con las Websockets, y aunque Node no incluye un paquete para comunicarnos con este protocolo, existen muchas alternativas, la más popular de entre ellas es Socket.io.
En los siguientes temas vamos a aprender a comunicarnos vía Websockets con Socket.io. ¿Emocionado? También yo, continuemos.
-
Módulo 1 | 8 clases
Introducción
expand_more-
play_circle_outline
Clase 1
Introducción al Curso Profesional de Backend
-
play_circle_outline
Clase 2
Backend y Frontend
-
play_circle_outline
Clase 3
La especialidad Backend
-
play_circle_outline
Clase 4
Qué veremos en este curso
-
play_circle_outline
Clase 5
Conocimientos previos
-
play_circle_outline
Clase 6
Stack de Tecnologías
-
play_circle_outline
Clase 7
Configurar entorno de trabajo (Windows)
-
play_circle_outline
Clase 8
Configurar entorno de trabajo (MacOS)
-
-
Módulo 2 | 19 clases
Http
expand_more-
play_circle_outline
Clase 1
Cómo funciona un servidor web
-
play_circle_outline
Clase 2
Qué es NodeJS y qué es Express
-
play_circle_outline
Clase 3
El protocolo Http
-
play_circle_outline
Clase 4
Verbos Http
-
play_circle_outline
Clase 5
Http con cURL
-
play_circle_outline
Clase 6
Direcciones web
-
play_circle_outline
Clase 7
Creando nuestro primer servidor
-
play_circle_outline
Clase 8
Express
-
play_circle_outline
Clase 9
Postman
-
play_circle_outline
Clase 10
Recibir datos de la petición
-
play_circle_outline
Clase 11
Datos con POST
-
play_circle_outline
Clase 12
Enviar HTML
-
play_circle_outline
Clase 13
Servir archivos estáticos
-
play_circle_outline
Clase 14
Motores de vistas
-
play_circle_outline
Clase 15
Qué es el caché
-
play_circle_outline
Clase 16
Tipos de caché
-
play_circle_outline
Clase 17
Caché de archivos estáticos
-
play_circle_outline
Clase 18
Qué son las cookies y las sesiones
-
play_circle_outline
Clase 19
Cookies
-
-
Módulo 3 | 11 clases
Bases de Datos
expand_more-
play_circle_outline
Clase 1
El lenguaje SQL
-
play_circle_outline
Clase 2
Configurando SQLite
-
play_circle_outline
Clase 3
Qué son las bases de datos y por qué las usamos
-
play_circle_outline
Clase 4
Drivers de conexión
-
play_circle_outline
Clase 5
Crear una tabla (Primer consulta)
-
play_circle_outline
Clase 6
Qué es un CRUD
-
play_circle_outline
Clase 7
Insertar registros en la Base de Datos
-
play_circle_outline
Clase 8
Limpiar parámetros (sanitize)
-
play_circle_outline
Clase 9
Qué es un ORM
-
play_circle_outline
Clase 10
Configurar SequelizeJS
-
play_circle_outline
Clase 11
Bases de datos relacionales y no relacionales
-
-
Módulo 4 | 24 clases
Buenas prácticas de desarrollo.
expand_more-
play_circle_outline
Clase 1
Presentación del bloque
-
play_circle_outline
Clase 2
Qué es el MVC
-
play_circle_outline
Clase 3
Organizar un proyecto MVC
-
play_circle_outline
Clase 4
Qué son las migraciones
-
play_circle_outline
Clase 5
CLI de Sequelize
-
play_circle_outline
Clase 6
Generando migraciones
-
play_circle_outline
Clase 7
Modelos
-
play_circle_outline
Clase 8
Controladores
-
play_circle_outline
Clase 9
Vistas
-
play_circle_outline
Clase 10
Seeders
-
play_circle_outline
Clase 11
Integrando todo
-
play_circle_outline
Clase 12
Qué es REST
-
play_circle_outline
Clase 13
REST en la práctica
-
play_circle_outline
Clase 14
Verbos Http en REST
-
play_circle_outline
Clase 15
Rutas REST en Express
-
play_circle_outline
Clase 16
Crear nuevos registros
-
play_circle_outline
Clase 17
Formularios
-
play_circle_outline
Clase 18
Mostrar registros
-
play_circle_outline
Clase 19
Vistas para todos los registros
-
play_circle_outline
Clase 20
Identificadores únicos
-
play_circle_outline
Clase 21
Consulta individual de recursos
-
play_circle_outline
Clase 22
Actualizar registros
-
play_circle_outline
Clase 23
Formularios con PUT, PATCH y DELETE
-
play_circle_outline
Clase 24
Eliminar registros
-
-
Módulo 5 | 14 clases
Autenticación
expand_more-
play_circle_outline
Clase 1
Explicando cómo funciona la autenticación de usuarios
-
play_circle_outline
Clase 2
Formulario de registro
-
play_circle_outline
Clase 3
Modelos y migración de usuarios
-
play_circle_outline
Clase 4
Validaciones
-
play_circle_outline
Clase 5
Validaciones en la base de datos y el modelo
-
play_circle_outline
Clase 6
Encriptar el password
-
play_circle_outline
Clase 7
Creación de usuarios
-
play_circle_outline
Clase 8
Inicio de sesión
-
play_circle_outline
Clase 9
Autenticación
-
play_circle_outline
Clase 10
Manejo de sesiones
-
play_circle_outline
Clase 11
Qué es un middleware
-
play_circle_outline
Clase 12
Buscar usuario autenticado
-
play_circle_outline
Clase 13
Cerrar sesión
-
play_circle_outline
Clase 14
Middlewares para protección de rutas
-
-
Módulo 6 | 14 clases
Relaciones en la base de datos.
expand_more-
play_circle_outline
Clase 1
Fundamentos de relaciones en la base de datos
-
play_circle_outline
Clase 2
Relaciones uno a muchos - El esquema
-
play_circle_outline
Clase 3
Relaciones uno a muchos - Los modelos
-
play_circle_outline
Clase 4
Nombres para asociaciones
-
play_circle_outline
Clase 5
Guardar relación uno a muchos
-
play_circle_outline
Clase 6
Relaciones en un proyecto real
-
play_circle_outline
Clase 7
Eager loading (Cargado anticipado)
-
play_circle_outline
Clase 8
Ejercicio - Implementa tu propio CRUD
-
play_circle_outline
Clase 9
Relaciones muchos a muchos
-
play_circle_outline
Clase 10
Integrando CRUD de Categorías
-
play_circle_outline
Clase 11
Tabla asociativa
-
play_circle_outline
Clase 12
Definir relación muchos a muchos
-
play_circle_outline
Clase 13
Crear relaciones muchos a muchos
-
play_circle_outline
Clase 14
Mostrar objetos de una relación muchos a muchos
-
-
Módulo 7 | 5 clases
Websockets (realtime)
expand_more-
play_arrow
Clase 1
¿Qué son las Websockets?
-
play_circle_outline
Clase 2
Usuarios conectados en tiempo real
-
play_circle_outline
Clase 3
Comunicar el servidor Http y el servidor de Websockets
-
play_circle_outline
Clase 4
Enviar datos de la base de datos a los clientes
-
play_circle_outline
Clase 5
Control de comunicación por usuario en Websockets
-
-
Módulo 8 | 4 clases
Entorno de producción
expand_more -
check_circle_outlineMódulo 9
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-