Maison >interface Web >js tutoriel >Comment utiliser WebSocket

Comment utiliser WebSocket

不言
不言original
2019-01-11 15:37:0814913parcourir

Comment utiliser WebSocket : créez d'abord une instance via un nouveau WebSocket ; puis spécifiez l'URL du site Web qui utilise WebSocket pour la communication et enfin gérez la communication WebSocket ;

Comment utiliser WebSocket

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, javascript version 1.8.5.

WebSocket est une technologie qui permet une communication bidirectionnelle en gardant le côté serveur et le côté client toujours connectés. Cela permet une communication en temps réel, comme les applications de chat et les jeux auxquels plusieurs personnes peuvent jouer en même temps. Cependant, comme des programmes côté serveur sont également requis, dans cet article, nous nous concentrerons sur WebSocket en JavaScript frontal.

Jetons d'abord un coup d'œil à l'utilisation de base de WebSocket.

Pour pouvoir utiliser WebSocket avec JavaScript, vous devez d'abord créer une instance.

var connection = new WebSocket(【进行通信的URL】);

Créez une instance via le nouveau WebSocket.

L'URL spécifiée en paramètre est l'URL du site Web qui utilisera WebSocket pour communiquer à l'avenir.

En d’autres termes, du code est nécessaire côté serveur pour gérer la communication WebSocket.

Les URL que l'on voit généralement commencent par "http://" ou "https://", mais pour WebSocket, il s'agit d'une URL commençant par "ws://" ou "wss://" /" est utilisé pour une communication spéciale.

Gestion des événements et méthodes de WebSocket

Dans WebSocket, nous utilisons souvent quatre gestions d'événements et deux méthodes.

Tout d’abord, jetons un coup d’œil aux quatre types de traitement d’événements !

var connection = new WebSocket(【进行通信的URL】);
//连接到通信
connection.onopen = function(e) { };
//发生错误时
connection.onerror = function(error) { };
//收到通信
connection.onmessage = function(e) { };
//通信中断
connection.onclose = function() { };

Exécutez Onopen() lors de la connexion et de la communication.
Exécutez onerror() lorsqu'une erreur se produit pendant la communication.
Exécutez onmessage() lors de la réception de données du serveur.
Quand la communication est interrompue Exécutez OnClose().

Habituellement, les programmes qui utilisent WebSocket utiliseront les quatre événements ci-dessus pour assembler le programme.

De plus, combinées au traitement événementiel, deux méthodes sont couramment utilisées !

//发送数据的方法
connection.send();
 
//切断通信的方法
connection.close();

send() : envoyer des données au serveur
close() : déconnecter la communication

Il utilise principalement send() pour envoyer des données au serveur, close() est utilisé Déconnexion intentionnelle de la communication.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn