Qt WebChannel ChatClient の HTML サンプル

ChatClient HTMLは、JavaScriptとHTMLを使用して実装されたシンプルなQWebChannel クライアントを提供します。

例の動作確認

サンプルを実行するには、ブラウザでchatclient.html ファイルを開いてください。

Web Channelクライアントの実装

クライアントは、チャットサーバーへの WebSocket 接続を初期化し、チャットクライアントの実装に必要なすべてのシグナル、スロット、およびプロパティを含むオブジェクトを受け取ります。

ログイン後、クライアントはsendMessage メソッドを呼び出し、newMessage シグナルを受信してメッセージの送受信を行うことができます。さらに、userList プロパティは、接続中の他のすべてのクライアントの名前を提供します。このリストは、その内容が変更されると自動的に更新されます。また、クライアントはサーバーからのキープアライブシグナルに応答します。これは、接続が切断されたクライアントを検出し、userList プロパティからそれらを削除するために必要なものです。

この例では、QWebChannel のクライアント側JavaScript実装において、シグナルへの接続（newMessage ）、スロットの呼び出し（sendMessage ）、プロパティの変更処理（userList ）など、基本的な要素をどのように使用できるかを示しています。

クライアントは、Qt WebChannel のChatServerサンプルと連携して動作します。

サンプルプロジェクト @ code.qt.io