0514-86177077
9:00-17:00(工作日)
基于HTML5的WebSocket的實例代碼
客戶端代碼:
<html> <head> <script> var socket; if ("WebSocket" in window) { var ws = new WebSocket("ws://127.0.0.1:8181"); socket = ws; ws.onopen = function() { console.log('連接成功'); }; ws.onmessage = function(evt) { var received_msg = evt.data; document.getElementById("showMes").value+=evt.data+"\n"; }; ws.onclose = function() { alert("斷開了連接"); }; } else { alert("瀏覽器不支持WebSocket"); } function login(){ var message=document.getElementById("name").value+":"+document.getElementById("mes").value; socket.send(message); } </script> </head> <body> <textarea rows="3" cols="30" id="showMes" style="width:300px;height:500px;"></textarea> <br/> <label>名稱</label> <input type="text" id="name"/> <br/> <label>消息</label> <input type="text" id="mes"/> <button onclick="login();">發(fā)送</button> </body> </html>
winform服務(wù)端代碼:
注:需先引入Fleck包
using System; using System.Collections.Generic; using System.Linq; using System.Windows.Forms; using Fleck; namespace socketService { public partial class Form1 : Form { public Form1() { InitializeComponent(); CheckForIllegalCrossThreadCalls = false; } private void Form1_Load(object sender, EventArgs e) { //保存所有連接 var allSockets = new List<IWebSocketConnection>(); //初始化服務(wù)端 var server = new WebSocketServer("ws://0.0.0.0:8181"); //開始監(jiān)聽 server.Start(socket => { //有客戶端連接觸發(fā) socket.OnOpen = () => { textBox3.Text += socket.ConnectionInfo.ClientIpAddress + " 連接 \r\n"; allSockets.Add(socket); }; //有客戶端斷開觸發(fā) socket.OnClose = () => { textBox3.Text += socket.ConnectionInfo.ClientIpAddress + " 斷開連接 \r\n"; allSockets.Remove(socket); }; //接收客戶端發(fā)送的消息 socket.OnMessage = message => { textBox3.Text += socket.ConnectionInfo.ClientIpAddress + " 發(fā)送了消息:" + message + "\r\n"; //發(fā)送接收到的消息給所有客戶端 allSockets.ToList().ForEach(s => s.Send(message)); }; }); } } }
總結(jié)
以上所述是小編給大家介紹的基于HTML5的WebSocket的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
標簽:咸陽 紅河 營口 惠州 文山 蘇州 萍鄉(xiāng) 甘南
上一篇:基于Html5實現(xiàn)的react拖拽排序組件示例
下一篇:HTML5中canvas中的beginPath()和closePath()的重要性
Copyright ? 1999-2012 誠信 合法 規(guī)范的巨人網(wǎng)絡(luò)通訊始建于2005年
蘇ICP備15040257號-8