Qt WebChannel ChatClient QML 应用程序

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

在 QML 中实现 Web Channel 客户端

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

客户端初始化一个WebSocket 连接，连接到本地主机（localhost）12345端口的聊天服务器。当WebSocket建立连接后，会创建一个WebChannel对象，其第一个参数为WebSocket，第二个参数为回调函数。 当回调被调用时，客户端会收到一个名为chatserver 的对象，其中包含实现聊天客户端所需的所有信号、槽和属性。回调函数将chatserver 对象上的userListChanged 、newMessage 和keepAlive 分别与处理这些信号的独立函数关联，然后调用loginWindow 上的show 。

ID 为loginWindow 的Window 负责处理登录流程。它包含一个在 LoginForm.ui.qml 中定义的LoginForm 。当您按下该按钮时，它会调用chatserver 对象上的login 函数，并传入登录名和一个回调函数作为参数。该回调函数会同时处理登录成功和失败两种情况。

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

该客户端可与Qt WebChannel 上的ChatServer 示例配合使用。

示例项目 @ code.qt.io