En esta página

Qt WebChannel ChatClient Ejemplo HTML

Un cliente HTML/JavaScript que se comunica a través de un WebSocket con un servidor QWebChannel.

ChatClient HTML proporciona un cliente QWebChannel simple implementado usando JavaScript y HTML.

Ejecución del ejemplo

Para ejecutar el ejemplo, abra el archivo chatclient.html en un navegador.

Implementación de un cliente de canal web

El cliente inicializa una conexión WebSocket con el servidor de chat y recibe un objeto que contiene todas las señales, ranuras y propiedades necesarias para implementar un cliente de chat.

Tras la conexión, el cliente puede invocar el método sendMessage y recibir la señal newMessage para enviar y recibir mensajes. Además, una propiedad userList proporciona los nombres de todos los demás clientes conectados. La lista se actualiza automáticamente cuando cambia su contenido. Asimismo, el cliente responde a la señal keep alive del servidor, necesaria para detectar clientes desconectados y eliminarlos de la propiedad userList.

El ejemplo muestra cómo se pueden utilizar elementos básicos con la implementación JavaScript cliente de QWebChannel, como conectarse a señales (newMessage), llamar a ranuras (sendMessage), y manejar cambios de propiedades (userList).

El cliente es capaz de trabajar con Qt WebChannel ChatServer Example.

Proyecto de ejemplo @ code.qt.io

Ver también Qt WebChannel ChatServer Example y Qt WebChannel ChatClient QML Application.

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.