Manejo de Websockets con NodeJS

Curso de Node.js: Base de Datos con MongoDB y WebSockets

Conocer y comprender cómo se realizan las conexiones hacia los servidores a través de internet y sus implicaciones en el desarrollo de servidores

Bienvenida y presentación del curso

Qué es Node y cómo instalarlo

¿Qué son y cómo se usan las peticiones HTTP?

Métodos, cabeceras y estados

Cuerpo y query de la petición

Crear un servidor HTTP en Javascript, y comenzar a escuchar y responder peticiones desde un cliente .

Crear un servidor HTTP desde NodeJS

¿Cómo pueden venir las peticiones?

Recibir información desde el cliente: Body y Query

Información contextual: Leer las cabeceras

Tipos de respuesta: Vacía, plana, con datos y estructurada

Respuestas coherentes

Servir archivos estáticos

Errores: Cómo presentarlos e implicaciones en la seguridad

Comprender y desarrollar la arquitectura básica de un backend en NodeJS, y comunicarse entre módulos

Conceptualmente: Rutas, controladores y bases de datos

Rutas y capa de red: Responsabilidades y límites

Controladores: Definiendo la lógica de negocio

Almacenando la información en una base de datos

Utilizar una base de datos para definir, modelar, almacenar y recuperar la información de nuestra aplicación

Tipos de Bases de Datos: Relacionales y No Relacionales

Crear y Configurar tu Base de Datos con MongoDB

MongoDB: Almacenar y leer datos

MongoDB: Actualizar datos

MongoDB: Consultar datos

MongoDB: Eliminar Datos

Gestionar conexiones a la base de datos desde la API

Uso de entidades para crear aplicaciones escalables

Escalando la arquitectura: Múltiples entidades

Relacionando nuestras entidades

Cómo recibir ficheros desde NodeJS

Guardar el fichero en el servidor

Conocer el protocolo de websockets, e implementar comunicación cliente/servidor con SocketIO.

WebSockets: Qué son, por qué son interesantes y cómo usarlos

Manejo de Websockets con NodeJS

Conectar la API al servidor de WebSockets

Revisión de lo aprendido, y próximos pasos

Revisión y próximos pasos

Tips para escalar nuestro proyecto

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 30

Preguntas 9

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Francisco Garcia [C6]

hace 4 años

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) => {
    console.log('Nuevo cliente conectado');
    socket.emit('mensaje', 'Bienvenido');
})

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

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

index.html

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

            socket.on('mensaje', (data) => {
                console.log(data);
            })
        </script>
    </body>
</html>

Juan J. López Lira

hace 5 años

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

David Alejandro Garcia Sanchez

hace 4 años

Excelente ya quiero aprender como conectar los sockets al frontEnd

Jose Daniel Molina

hace 4 años

Me encanta este tema de sockets!!! es genial

Carlos Isaac Rosales Castellanos

hace 3 años

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!

Nicolás Scandizzo

hace 4 años

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: '*',
     }
});

Carlos Mario Gomez Gelvez

hace un año

npm i express socket.io

brandon james grimaldo moscote

hace 2 años

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

Alejandro Ruiz Melo

hace 3 años

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

Dante Calderón

hace 4 años

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

Karen Paola Diaz Duarte

hace 4 años

Práctica: Muy clara esta clase, me encanto. ❤️

jorge llanque

hace 4 años

WebSockets de lo mejor!

Dante Calderón

hace 4 años

Genial

Martin Brisset

hace 5 años

Parece facil

Wilson Marino Pablo Mendez

hace 5 años

Increible!!

Rabi Leonel Leon Chan

hace 5 años

Interesante😮😮😮😮

Jorge Salamanca

hace 5 años

WebSockets de lo mejor!

ehnplatzi

hace 5 años

Wow!

Carlos Enrique Ramírez Flores

hace 5 años

Interesante !!!

Jhonnattan Rivera

hace 5 años

este video me cambio la vida

Wilson Castro Gil

hace 4 años

Muy interesante

wilantury

hace 4 años

Web Socket es un protocolo de comunicación entre cliente y servidor manteniendo la conexión abierta.

José Luis Cuevas Del Canto

hace 4 años

✌✌

Luis Rangel Castro

hace 4 años

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', function (socket) {
    console.log('Nuevo cliente conectado');
    socket.emit('mensaje', 'Bienvenido');

    socket.on('my other event', (data) => {
        console.log('se recibio data del cliente');
        console.log(data);
    });
});


setInterval(() => {
    io.emit('mensaje', 'Saludos desde el servidor');
    console.log('se envio mensaje al cliente');
}, 3000);

server.listen(PORT, function () {
    console.log(`Servidor iniciando en http://localhost:${PORT}`);
});

index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Websocket</title>
    <script src="socket.io/socket.io.js"></script>
</head>

<body>
    <h1>Mira la consola</h1>

    <script>
        var socket = io.connect('http://localhost:8080', {
            forceNew: true
        });

        socket.on('mensaje', function (data) {
            console.log(data);

        });
        setInterval(() => {
            socket.emit('my other event', { my: 'data' });
            console.log('se envio mensaje al servidor');
        }, 15000);


    </script>
</body>

</html>

Taner Alfredo Alberto Sarmiento

hace 4 años

Este es el único vídeo de la serie que no me carga con el reproductor de Platzi, siempre se va a Youtube, y se reproduce el vídeo introductorio. ¿A alguien más le sucede lo mismo?