Qt WebChannel ChatClient Exemple HTML

ChatClient HTML fournit un client QWebChannel simple mis en œuvre à l'aide de JavaScript et de HTML.

Exécution de l'exemple

Pour exécuter l'exemple, ouvrez le fichier chatclient.html dans un navigateur.

Mise en œuvre d'un client de canal Web

Le client initialise une connexion WebSocket avec le serveur de chat et reçoit un objet contenant tous les signaux, slots et propriétés nécessaires à la mise en œuvre d'un client de chat.

Après la connexion, le client peut invoquer la méthode sendMessage et recevoir le signal newMessage pour envoyer et recevoir des messages. En outre, une propriété userList fournit les noms de tous les autres clients connectés. La liste est automatiquement mise à jour lorsque son contenu change. En outre, le client répond au signal keep alive du serveur, qui est nécessaire pour détecter les clients déconnectés et les supprimer de la propriété userList.

L'exemple montre comment les éléments de base peuvent être utilisés avec l'implémentation JavaScript du client QWebChannel, comme la connexion aux signaux (newMessage), l'appel aux slots (sendMessage) et la gestion des changements de propriété (userList).

Le client est capable de travailler avec Qt WebChannel ChatServer Example.

Exemple de projet @ code.qt.io