¿Cómo crear múltiples websockets en una página html5?

Primero, observe un código javascript simple que llama a la API WebSockets.

[javascript]Ver texto sin formato

var ws = new web socket(" ws://echo . web socket . org ");

ws . en abrir = función(){ ws . enviar("Prueba!");

ws en mensaje = función(evt){ consola . ; };

ws . en close = function(evt){ console . log("WebSocket cerrado!"); console .log("WebSocketError!");};

Este código solo tiene cinco líneas. Ahora resumamos brevemente el significado de estos cinco elementos.

La primera línea de código es solicitar un objeto WebSocket y el parámetro es la dirección del servidor a conectar. Al igual que el protocolo http comienza con http://, la URL del protocolo WebSocket comienza con ws:// y el protocolo WebSocket seguro comienza con wss://.

Las líneas segunda a quinta son las funciones de procesamiento del mensaje de registro del objeto WebSocket. El objeto WebSocket 1 * * admite cuatro mensajes: onopen, onmessage, onclose lost y onerror. Cuando el navegador y WebSocketServer se conectan correctamente, se activará el mensaje onopen. Si la conexión falla, el envío y la recepción de datos fallan, o hay un error en el procesamiento de datos, el navegador activará un mensaje de error cuando el navegador reciba los datos enviados por WebSocketServer, activará un mensaje y el parámetro evt contiene los datos; enviado por el servidor cuando el navegador recibe Cuando WebSocketServer envía una solicitud para cerrar la conexión, se activará el mensaje una vez cerrado. Podemos ver que todas las operaciones se activan mediante mensajes y no bloquearán la interfaz de usuario, lo que le brinda a la interfaz de usuario un tiempo de respuesta más rápido y una mejor experiencia de usuario.