首先,WebSocket通讯和Socket通讯是不一样的,区别自查。Socket通讯实例:https://blog.csdn.net/syb1295306116/article/details/80537015
建立C#控制台程序的服务器端,需要安装C#WebSocket的启动插件:Fleck。
插件安装方法:选中新建的项目,打开菜单项目-管理NuGet程序包,然后浏览搜索Fleck,安装。
源码github地址:https://github.com/statianzo/Fleck
浏览器端:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>websocket client</title>
<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 ..<br/>";
//建立websocket连接
window.ws = new wsImpl('ws://localhost:7181/');
//接收到服务器消息时调用
ws.onmessage = function (msg) {
inc.innerHTML +='接收到服务器消息:'+ msg.data + '<br/>';
};
//建立连接时调用
ws.onopen = function () {
inc.innerHTML += '.. connection open<br/>';
};
// when the connection is closed, this method is called
ws.onclose = function () {
inc.innerHTML += '.. connection closed<br/>';
}
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>
以上代码为html网页,需要配置自己的服务器,然后打开网页。我采用了Nginx服务器,分享链接链接:https://pan.baidu.com/s/1YEjpeVRgJmoxOwpRdgRT_w 密码:g56o。只需将html网页放在Nginx下html文件夹下,然后运行nginx.exe,再在浏览器中输入网址:http://localhost:8088/xx.html即可打开网页,xx为html文件名。
服务器端是C#控制台程序:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using Fleck;
namespace WebSocketServer
{
class Server
{
static void Main(string[] args)
{
FleckLog.Level = LogLevel.Debug;
var allSockets = new List<IWebSocketConnection>();
var server = new Fleck.WebSocketServer("ws://0.0.0.0:7181");
server.Start(socket =>
{
//打开WebSocket时调用
socket.OnOpen = () =>
{
Console.WriteLine("Open!");
allSockets.Add(socket);
};
//关闭WebSocket时调用
socket.OnClose = () =>
{
Console.WriteLine("Close!");
allSockets.Remove(socket);
};
//接收到消息后调用
socket.OnMessage = message =>
{
Console.WriteLine("接收到客户端消息:"+message);
allSockets.ToList().ForEach(s => s.Send("服务器成功接收消息: " + message));
};
});
var input = Console.ReadLine();
while (input != "exit")
{
foreach (var socket in allSockets.ToList())
{
//send函数发送消息
socket.Send("服务器成功发送消息:"+input);
}
input = Console.ReadLine();
}
}
}
}
注意:要安装插件Fleck,方法见本文开头。
本文是参考别人的,自己实验后做了一点修改。参考地址:http://www.cnblogs.com/zhangwei595806165/p/4791589.html?utm_source=tuicool