Qt WebChannel ChatClient HTML Beispiel

Ein HTML/JavaScript-Client, der über einen WebSocket mit einem QWebChannel -Server kommuniziert.

ChatClient HTML bietet einen einfachen QWebChannel Client, der mit JavaScript und HTML implementiert wurde.

Ausführen des Beispiels

Um das Beispiel auszuführen, öffnen Sie die Datei chatclient.html in einem Browser.

Implementieren eines Webkanal-Clients

Der Client initialisiert eine WebSocket-Verbindung zum Chat-Server und erhält ein Objekt, das alle notwendigen Signale, Slots und Eigenschaften für die Implementierung eines Chat-Clients enthält.

Nach der Anmeldung kann der Client die Methode sendMessage aufrufen und das Signal newMessage empfangen, um Nachrichten zu senden und zu empfangen. Darüber hinaus liefert eine Eigenschaft userList die Namen aller anderen verbundenen Clients. Die Liste wird automatisch aktualisiert, wenn sich ihr Inhalt ändert. Außerdem antwortet der Client auf das Keep-Alive-Signal des Servers, das benötigt wird, um nicht mehr verbundene Clients zu erkennen und sie aus der Eigenschaft userList zu entfernen.

Das Beispiel zeigt, wie grundlegende Elemente mit der Client-JavaScript-Implementierung von QWebChannel verwendet werden können, z. B. die Verbindung zu Signalen (newMessage), der Aufruf von Slots (sendMessage) und die Behandlung von Eigenschaftsänderungen (userList).

Der Client ist in der Lage, mit Qt WebChannel ChatServer Example zu arbeiten.

Beispielprojekt @ code.qt.io

Siehe auch Qt WebChannel ChatServer Example und Qt WebChannel ChatClient QML Application.

© 2025 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.