Admin UI

Clase 21 de 26 • Curso de Aplicaciones en Tiempo Real con Socket.io

Ameth Ordoñez Erazo

student•

Si les muestra en la consola un error al instalar _@socket.io/admin-ui_ por el @, metelo entre comillar dobles:

> npm install "@socket.io/admin-ui"

Facundo Carroz

student•

Hola 🖐. Si quieren evitar dolores de cabeza por el error "Error: xhr poll error" declaren "credentials: true" y no false como muestra el profe al inicio 😅 (luego lo corrigió)

const io = new Server(httpServer, {
  cors: {
    origin: ['https://admin.socket.io'],
    credentials: false
  }
});

Ah y también en la última versión de Admin UI no es necesario colocar el "/admin" en la URL de nuestro servidor local cuando nos conectamos (ya lo incluye por defecto)

# SI: "http://localhost:3000"
# NO: "http://localhost:3000/admin"

Documentación de NPM de la librearía: https://www.npmjs.com/package/@socket.io/admin-ui

Julian David Alzate Cuervo

student•

genial, muchas gracias por el aviso

Oscar Monsalve

student•

Así solucioné el error xhr poll error. Aunque tuviera todo bien.

Leyendo la documentación de la librería en npm, dice que se puede acceder a la ui de manera local desde: /node_modules/@socket.io/admin-ui/ui/dist/index.html

Entonces lo que hice fue servir la ui como archivo estático en el index.js del backend:

app.use(

"/admin-ui",

express.static(

path.join(__dirname, "../node_modules/@socket.io/admin-ui/ui/dist")

)

);

De esta manera entramos a la ui desde localhost:3000/admin-ui.

Y funciona bien, con esta no hace falta añadir la url al origin del cors, solo encender el servidor del backend en la terminal.

Carlos Hernandez

student•

No pude conectarme a la Admin UI. Cuando intento hacer el login, me sale este error: xhr poll error.

¿Alguien pudo solucionar esto?

Yeison David Sanabria Ascanio

student•

Lo que yo hice, fue darle a las opciones avanzadas y quitar el admin namesapace.

Henry Corredor

student•

yo otra vez con cara de Pikachu o__o

Victor Hugo Guerrero Cruz

student•

Para encriptar la contraseña con Bcrypt Online!! https://bcrypt-generator.com/

PAULO CESAR GALARZA

student•

Te mamaste ajjajajaja

Henry Corredor

student•

no entendí lo de la encriptación de la contraseña... instrument la valida automaticamente?

Yeison David Sanabria Ascanio

student•

field must be a valid bcrypt hash, es el error que dara si no se usa una pass encriptada, por lo que, asumo que si, el instrument se encarga de hacer esta validacion.

Juan Camilo Lentino Villalba

student•

Pueden utilizar este generador de hash basado en bcrypt para encriptar sus contraseñas:

https://bcrypt-generator.com/

Julio Bastidas

student•

cuando configue la conexion de auth no me deja conectar, siempre me dice Invalid credentials

Admin UI

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?