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 範例 .