HTML5-Webocket Implementierung des Chatroom-Beispiels

Die Methode zur Implementierung des Chatraums in der herkömmlichen Webseite besteht darin, die entsprechenden Chat -Informationen zu erreichen, indem der Server auffordert, die entsprechenden Chat -Informationen jedes Mal zu erhalten. Da das WebSocket die Verbindung nach der Verbindung des Servers die Verbindung für die Dateninteraktion aufbewahrt, kann der Server die entsprechenden Daten aktiv an den Client senden. Für die HTML5 -Verarbeitung müssen Sie die Empfangsdaten nach Abschluss der Verbindung nur im Empfangsereignis des Websocket verarbeiten.

Ein einfacher Chatraum hat die folgenden Funktionen:

Registrieren Sie sich, um sich mit mehreren Dingen zu befassen, nämlich nach Abschluss der Registrierung, um die gesamte Benutzerliste des aktuellen Servers zu erhalten, und der Dienst sendet die aktuell registrierten Benutzer an andere Online -Benutzer.

Der Server sendet die aktuell empfangene Nachricht online an andere Benutzer an andere Benutzer

Der Server benachrichtigt andere Benutzer, die die nicht verbundenen Benutzer getrennt haben

Die Funktionsvorschau des Chatraums lautet wie folgt:

Der Code auf dem Server muss nur mehrere Methoden für mehrere Funktionen definieren, nämlich Registrierung, das Erhalten anderer Benutzer und das Senden von Informationen. Der spezifische Code lautet wie folgt:

 /// <summary> /// Copyright © Henryfan 2012 /// E -Mail: [email protected] // homepage: http://www.ikende.com /// Createtime: 2012/12/7 21:45 21:45: 25 /// </summary> Klasse Handler {public Long Register (String -Name) {tcpChannel Channel = methodContext.current.channel; NAME). (); .ClientID; Kanal) result.add (user) item.tag);} return Ergebnis;} public void Say (String -Inhalt) {TCPChannel Channel = methodContext.current.chanel; ; ; foreach (tcpchaannel item in Channel.Servernelines ()) {item.send (msg);}}}}

Der obige einfache Code ist erforderlich, um die Funktion des Chatroom -Servers zu vervollständigen.

 Protected Override void ovedisposed (Objektabsender, ChannelDisposDeventArgs E) {Base.onDisposed (Absender, e); Name; this.server.getonlines ()) {if (item! = e.Channel) item.send (msg);}}}}

Der Service -Side -Code des Chats ist abgeschlossen.

Das erste, was für den HTML5 -Code zu tun ist, ist die Verbindung zum Server.

 Funktion Connect () {Channel = new tcpchaannel (); (result.status == null || result.status == undefined) {$ ('#dlgConnect') = Funktion (evt) {$ ('#dlgConnect'). ) {var item = getUser (result.data); .id) .remove ();} else if (result.type == 'say') {addSayItem (result.data);} else {}} (('#Host'). Val ());};};

Verschiedene Nachrichten werden über die Anzahl der Wiederherstellungspools des Empfangs behandelt. Kasten. Die Hilfe von Jquerys Hilfe ist sehr einfach geworden.

Rufvorgang der Benutzerregistrierung:

 Var callregister = {url: 'Handler.register', Parameter: {name: ''}}; Wert ');

Holen Sie sich Online -Benutzerlistenprozess:

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

Meldungsprozess senden:

 var callay = {url: 'Handler.say', Parameter: {Inhalt:} Funktion Say () {Callsay.Parameters.Content = meditor.html (); $ ('#Content1') [0] .focus ();}

Nachdem der Code eingekapselt ist, wird die Verarbeitung von WebSocket sehr einfach.

Das oben genannte ist der Inhalt dieses Artikels.