Qt WebChannel 聊天客户端 HTML 示例

ChatClient HTML提供了一个使用 JavaScript 和 HTML 实现的简单QWebChannel 客户端。

运行示例

要运行示例，请在浏览器中打开chatclient.html 文件。

实现 Web 通道客户端

客户端会初始化与聊天服务器的 WebSocket 连接，并接收一个包含实现聊天客户端所需的所有信号、槽和属性的对象。

登录后，客户端可以调用方法sendMessage 和接收信号newMessage 来发送和接收消息。此外，userList 属性提供了所有其他已连接客户端的名称。该列表会在内容发生变化时自动更新。此外，客户端还会响应服务器的 keep alive 信号，这是检测已断开连接的客户端并将其从userList 属性中删除所必需的。

该示例展示了如何使用QWebChannel 的客户端 JavaScript 实现基本元素，如连接信号 (newMessage)、调用插槽 (sendMessage) 和处理属性更改 (userList)。

该客户端可与Qt WebChannel ChatServer 示例协同工作。

示例项目 @ code.qt.io