Chat con ReactJS, Socket.io y MongoDB

Поділитися
Вставка
  • Опубліковано 15 січ 2025

КОМЕНТАРІ • 27

  • @emmanuelz2735
    @emmanuelz2735 Рік тому +1

    Hola, me gusta mucho el que indiques que parte del frontend se relaciona con el backend, muchas veces nos confundimos, en este caso con el significado de "message" por que lo vemos por todos lados, pero eso de indicar que función escucha y que función es la escuchada etc, es muy útil para aprender a realizar proyectos nuevos y no solo aprender a hacer un chat

  • @alejandrogonzalezcandia5564
    @alejandrogonzalezcandia5564 2 роки тому +1

    Muy bine explicado, exelente contenido

  • @jeancarloscorrea3485
    @jeancarloscorrea3485 Рік тому

    Hola se puede hacer por medio de endpoint ? y como se haría si quiero tener una conversación en privado con cada usuario

  • @antoniocatalan3977
    @antoniocatalan3977 2 роки тому +1

    Hola, se puede agregar un boton para ver cada mensaje pinchar y ver el mensaje que quiero?...muchas gracias muy buenos videos

    • @Codenautas
      @Codenautas  2 роки тому

      Gracias! Si te refieres a añadir un buscador de palabras como tiene watshap para que te muestre un mensaje, podría colocar un input que al pulsar un botón ejecutara una consulta especifica tipo: db.content.find({$message:{$search:"texto a buscar"}}) y te devolviera los mensajes que contengan el texto

    • @danilogonzalez7903
      @danilogonzalez7903 2 роки тому

      @@Codenautas mi idea es solo pinchar un mensaje y ver el detalle de este quin lo envio hora etc..eso Amigo!

  • @juandiegosanchezriveros8771

    Buen dia ing, me sale un error al hacer la conexion del controlador al archivo de ruta, esta escrito tal cual :)

  • @veronleandronicolas4574
    @veronleandronicolas4574 2 роки тому

    te hago una consulta si aparte del nickname quiero que me aparesca con una credencial rollo "ususario" "empleado" como lo haria?

    • @Codenautas
      @Codenautas  2 роки тому

      Para lo que comentas lo ideal sería disponer de usuarios en la aplicación con un rol establecido. Para ello habría que hacer un signin y que el usuario se logueara (Debería estaer registrado en la app previamente...) y no tuviera que escribir un nickname, si no recoger su información automáticamente.
      Otra cosa sería crear un input junto al de alias para indicar un rol manualmente...

    • @veronleandronicolas4574
      @veronleandronicolas4574 2 роки тому

      @@Codenautas claro me refiero a crear un imput tipo select para indicar un rol pero no se me ocurre como hacerlo funcionar

    • @veronleandronicolas4574
      @veronleandronicolas4574 2 роки тому

      y me guarde la bade de datos el nickname,el rol y el message
      pd:perdon si no me se explicar bien

    • @Codenautas
      @Codenautas  2 роки тому

      @@veronleandronicolas4574 Bueno, si sòlo quieres mostrar el rol junto al nickname en el mensaje, igual que indicas esta información, puedes añadir bajo el nickname el rol correspondiente:
      {message.from}
      {message.role}
      {message.body}

  • @garyjo3229
    @garyjo3229 Рік тому

    Gracias.. Pero me sale este error al hacer npm run dev....
    node_modules\bson\lib\bson.cjs:479
    inspect ??= defaultInspect;

    • @garyjo3229
      @garyjo3229 Рік тому

      el problema era el server de mongodb

  • @juanico225
    @juanico225 Рік тому

    Hola una consulta, se puede hacer con PostgreSQL en vez de MongoDB, o habría un problema?

    • @Codenautas
      @Codenautas  Рік тому

      Hola, claro, puedes utilizar la bdd que quieras, no es problema

    • @juanico225
      @juanico225 Рік тому

      @@Codenautas muchas gracias

  • @pelusa7041
    @pelusa7041 Рік тому

    Una pregunta, se puede ejecutar la aplicación para dispositivos Móviles?

    • @Codenautas
      @Codenautas  Рік тому

      Para aplicaciones nativas habría que desarrollarlo con React Native

  • @Mranimacions17
    @Mranimacions17 Рік тому

    Es posible que este deprecado Socketserver?

    • @renzobonett4574
      @renzobonett4574 Рік тому

      vine a mirar lo mismo xd, creo que el server ya se importa directamente, pero bueno ahi voy como esta en el video

  • @doriansilisteanu9475
    @doriansilisteanu9475 2 роки тому

    Me sale un error que en el archivo controller, dentro de la funcion save "req.body" no lo puede leer y lo tengo exactamente igual que tu.
    Es la segunda vez que lo intento y me sale lo mismo, la otra vez lo intente sobre una ddbb que tenia ya hecha y me sale lo mismo que ahora.
    Cannot read properties of undefined (reading 'body').
    Si tienes alguna idea de porque es, me salvas porque es para el proyecto final.
    Gracias

    • @Codenautas
      @Codenautas  2 роки тому

      Hola Dorian, es posible que el error que te marca el servidor al recoger los datos que envías desde el cliente, esté en el propio cliente al momento de realizar la petición http save:
      axios.post(url + 'save', {
      message: message,
      from: nickname
      })
      Los parametros message y nickname pertenecen al body que recibes en el servidor, por lo que deben estar indicados. Es lo que se me ocurre...
      No obstante tienes el código completo en mi repositorio para quer puedas compararlo con tu código: github.com/CodenautaJorge/React-socketio-chat
      A ver si lo puedes solucionar!

  • @LaMagiadeReact
    @LaMagiadeReact Рік тому

    Debiste aprovechar y mostrar como separar los formularios en componentes

  • @camilodupont9521
    @camilodupont9521 2 роки тому

    mongoose.connect(url, { useNewUrlParser: true }).then(() =>{
    console.log('Conexión con la BDD realizada con éxito!!!');
    server.listen(PORT, () =>{
    console.log('servidor ejecutándose en localhost:', PORT );
    });
    })
    me sale este error :throw new error_1.MongoAPIError('URI must include hostname, domain name, and tld'); tengo el mismo codigo y no hay mucha diferencia de tiempo ayuda

    • @Codenautas
      @Codenautas  2 роки тому +1

      Hola Camilo, es posible que no hayas definido los datos de conexión que te solicita, al menos es lo que te indica el error... es decir:
      var url = 'mongodb+srv://usuario:contraseña@cluster0.jwv0x.mongodb.net/?retryWrites=true&w=majority'

    • @camilodupont9521
      @camilodupont9521 2 роки тому

      @@Codenautas ya lo pude soluciar solo cree de nuevo el cluster