Qt WebChannel Exemple HTML de ChatClient

ChatClient HTML fournit un client QWebChannel simple, implémenté à 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.

Implémentation 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 à l’implémentation d’un client de chat.

Une fois connecté, le client peut appeler la méthode ` sendMessage ` et recevoir le signal ` newMessage ` pour envoyer et recevoir des messages. De plus, la propriété ` userList ` fournit les noms de tous les autres clients connectés. La liste est automatiquement mise à jour lorsque son contenu change. Par ailleurs, le client répond au signal « keep alive » du serveur, nécessaire pour détecter les clients déconnectés et les supprimer de la propriété ` userList `.

Cet exemple montre comment utiliser les éléments de base avec l’implémentation JavaScript du client QWebChannel, notamment la connexion aux signaux (newMessage), l’appel de slots (sendMessage) et la gestion des modifications de propriétés (userList).

Le client est capable de fonctionner avec l'exemple ChatServer d'Qt WebChannel .

Exemple de projet sur code.qt.io