Qt WebChannel 聊天客户端 QML 应用程序

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

用 QML 实现网络通道客户端

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

客户端初始化了与聊天服务器的WebSocket 连接，端口是 localhost 上的 12345。WebSocket 打开后，会创建一个 WebChannel 对象，WebSocket 作为第一个参数，回调函数作为第二个参数。调用回调函数时，客户端会收到一个名为chatserver 的对象，其中包含实现聊天客户端所需的所有信号、槽和属性。回调函数通过处理这些信号的独立函数连接chatserver 对象上的userListChanged 、newMessage 和keepAlive ，然后调用loginWindow 上的show 。

以loginWindow 为 ID 的Window 处理登录程序。它包含一个在 LoginForm.ui.qml 中定义的LoginForm 。当您按下按钮时，它会调用chatserver 对象上的login 函数，参数包括登录名称和回调函数。该回调函数用于处理登录成功或失败的情况。

登录后，客户端使用在 MainForm.ui.qml 中定义的MainForm ，以mainUi 作为 id，使用sendMessage 插槽发布消息，使用newMessage 信号读取消息，并使用userList 属性查看所有已连接用户的名称。此外，客户端响应服务器的keepAlive 信号，以便服务器检测断开连接的客户端，并将其从userList 属性中删除。

客户端可以使用Qt WebChannel ChatServer 示例。

示例项目 @ code.qt.io