HTML5-WEBSOCKECKECTIVO Ejemplo de sala de chat

El método para implementar la sala de chat en la página web tradicional es lograr la información de chat relevante solicitando al servidor que obtenga la información de chat relevante cada dos veces. Dado que WebSocket permite que la conexión mantenga la conexión para la interacción de datos después de conectar el servidor, el servidor puede enviar activamente los datos correspondientes al cliente. Para el procesamiento de HTML5, solo necesita procesar los datos de recepción en el evento de recepción del WebSocket después de que se complete la conexión.

Una sala de chat simple tiene las siguientes funciones:

Regístrese para tratar varias cosas, a saber, después de completar el registro, para obtener toda la lista de usuarios del servidor actual, y el servicio enviará a los usuarios registrados actualmente a otros usuarios en línea.

El servidor envía el mensaje recibido actualmente a otros usuarios en línea

El servidor notificará a otros usuarios que desconectaron a los usuarios desconectados

La vista previa de la función de la sala de chat es la siguiente:

El código en el servidor solo necesita definir varios métodos para varias funciones, a saber, el registro, obtener otros usuarios y enviar información. El código específico es el siguiente:

 /// <summary> /// Copyright © Henryfan 2012 /// Correo electrónico: [email protected] /// HomePage: http://www.ikende.com /// CreateTime: 2012/12/7 21:45 21:45: 25 /// </summary> Class Handler {public Long Register (Nombre de cadena) {TCPChannel Channel = MethodContext.Current.Channel; , nombre); () .Clientid; Canal) resultado.Add (usuario) item.tag);} return resultado;} public void Say (String Content) {TCPChannel Channel = MethodContext.Current.Chanel; ; St.Name = ChannE.Name; .data = st;

Solo se requiere el código simple anterior para completar la función del servidor de la sala de chat.

 Anulación protegida void ovedisponed (remitente de objeto, channelDisposdeventargs e) Name; this.server.getonlines ()) {if (item! = e.channel) item.send (msg);}}}}

Se completa el código lateral del servicio del chat.

Lo primero que debe hacer para el código HTML5 es conectarse al servidor.

 Function Connect () {Channel = new TCPCHAAnnel (); (result.status == NULL || = Función (evt) {$ ('#dlgconnect'). ) {var item = getUser (result.data); .id) .remove ();} else if (result.type == 'say') {addSayItem (result.data);} else {}} (('#host'). val ());}

Se manejan diferentes mensajes a través del número de grupos de recuperación de la recepción. caja. La ayuda de la ayuda de JQuery se ha vuelto muy simple.

Proceso de llamada de registro de usuario:

 Var callregister = {url: 'handler.register', parámetros: {name: ''}}; valor ');

Obtenga el proceso de la lista de usuarios en línea:

 var callist = {url: 'handler.list', parámetros: {}}; (var i = 0; i <result.data.length; i ++) {var item = getUser (result.data [i]); );}

Enviar el proceso de mensaje:

 VAR CallsAy = {url: 'handler.say', parámetros: {content:} function say () {llamado.parameters.content = meditor.html () $ ('#Content1') [0] .focus ();}

Después de que el código está encapsulado, el procesamiento de WebSocket se vuelve muy simple.

Lo anterior es todo el contenido de este artículo.