C# 实现WebSocket通信
本实例可通过web网页端进行测试,下面直接上代码。
首先要在NuGet导入“Fleck”包,需 .NET Framework 4.5及以上。
using System; using System.Collections.Generic; using System.Linq; using System.Threading; namespace Fleck.Samples.ConsoleApp { class Server { static void Main() { FleckLog.Level = LogLevel.Debug; var allSockets = new List(); var server = new WebSocketServer("ws://10.10.10.99:50000"); server.Start(socket => { socket.OnOpen = () => { Console.WriteLine("Open!"); allSockets.Add(socket); }; socket.OnClose = () => { Console.WriteLine("Close!"); allSockets.Remove(socket); }; socket.OnMessage = message => { Console.WriteLine(message); allSockets.ToList().ForEach(s => s.Send("Echo: " + message)); }; }); var input = Console.ReadLine(); while (input != "exit") { foreach (var socket in allSockets.ToList()) { socket.Send(input); } input = Console.ReadLine(); } } } }
接下来就是测试阶段,首先运行窗体程序。
测试方法1:打开浏览器,F12进入调试模式,在Console中输入测试代码。(我使用的是谷歌浏览器)
ws = new WebSocket("ws://10.10.10.99:50001"); ws.onopen = function() { ws.send('websocekt测试'); }; ws.onmessage = function(e) { alert("收到服务端的消息:" + e.data); };
输入完毕后按回车执行,这时就可以在命令行中看到传过来的数据了。
测试方法2:写html脚本进行通信。
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>websocket clienttitle>
<script type="text/javascript">
var start = function () {
var inc = document.getElementById('incomming');
var wsImpl = window.WebSocket || window.MozWebSocket;
var form = document.getElementById('sendForm');
var input = document.getElementById('sendText');
inc.innerHTML += "connecting to server ..
";
// create a new websocket and connect
window.ws = new wsImpl('ws://10.10.10.99:50000/');
// when data is comming from the server, this metod is called
ws.onmessage = function (evt) {
inc.innerHTML += evt.data + '
';
};
// when the connection is established, this method is called
ws.onopen = function () {
inc.innerHTML += '.. connection open
';
};
// when the connection is closed, this method is called
ws.onclose = function () {
inc.innerHTML += '.. connection closed
';
}
form.addEventListener('submit', function (e) {
e.preventDefault();
var val = input.value;
ws.send(val);
input.value = "";
});
}
window.onload = start;
script>
head>
<body>
<form id="sendForm">
<input id="sendText" placeholder="Text to send" />
form>
<pre id="incomming">pre>
body>
html>
到这里就结束了,哪里说得不明确希望大家加以补充。
参考: