Qt WebChannel ChatClient HTML 示例

一个通过 WebSocket 与 QWebChannel 服务器通信的 HTML/JavaScript 客户端。

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

运行示例

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

实现 Web 通道客户端

客户端初始化与聊天服务器的 WebSocket 连接，并接收包含实现聊天客户端所需的全部信号、槽和属性的物体。

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

示例展示了如何使用客户端的 JavaScript 实现来使用基本元素与 QWebChannel，例如连接到信号（newMessage）、调用槽（sendMessage）以及处理属性变化（userList）。

客户端能够与 Qt WebChannel ChatServer 示例一起工作。

示例项目 @ code.qt.io

另请参阅 Qt WebChannel ChatServer 示例和 Qt WebChannel ChatClient QML 应用程序。