Qt WebChannel ChatClient HTML 范例

HTML/JavaScript 客户端通信通过 WebSocket 采用 QWebChannel 服务器。

ChatClient HTML 提供简单 QWebChannel 客户端,用 JavaScript 和 HTML 实现。

运行范例

要运行范例,打开 chatclient.html 文件在浏览器中。

实现 Web 通道客户端

客户端初始化到聊天服务器的 WebSocket 连接,并接收包含实现聊天客户端必要的所有信号、槽及特性的对象。

登录后,客户端可以援引方法 sendMessage 和接收信号 newMessage 以发送和接收消息。此外, userList 特性提供所有其它已连接客户端的名称。列表被自动更新,当其内容改变时。此外,客户端响应服务器的保持存活信号,因为需要检测已断开连接的客户端并移除它们从 userList 特性。

范例展示基本元素如何被用于客户端JavaScript 实现 QWebChannel ,像连接到信号 ( newMessage ),调用槽 ( sendMessage ),及处理特性改变 ( userList ).

客户端能够操控 Qt WebChannel ChatServer 范例 .

范例工程 @ code.qt.io

另请参阅 Qt WebChannel ChatServer 范例 and Qt WebChannel ChatClient QML Application .