使⽤websocket实现功能
很早以前为了快速达到效果，使⽤轮询实现了功能，后来⽆意接触了socket，关于socket我的理解是进程间通信，⾸先要有服务器跟客户端，服务的启动监听某ip端⼝定位该进程，客户端开启socket分配ip端⼝连接服务端ip端⼝，于是两个进程间便可以通信了。下⾯简单画个图理解。
but，今天还是准备分享websocket的使⽤，先上效果，再贴代码。
第⼀步启动socket服务。
然后连接客户端连接服务器，加⼊聊天室，分别使⽤googel（⽩⽟京，沈浪），⽕狐（楚留⾹），ie（李寻欢）进⾏测试，效果如下。
*
*****************断开⼀下。
******************断开⼀下。
下⾯是本次测试源码。
服务端：
public class TestWebSocketController : Controller
{
WebSocketServer server;
List<SessionInfo> listSession = new List<SessionInfo>();
public ActionResult Index()
{
return View();
}
//服务启动
public string Start()
{
var ip = "192.168.1.106";
var port = "1010";
server = new WebSocketServer();
if (!server.Setup(ip, int.Parse(port)))
{
return"WebSocket服务启动Error";
}
//新的会话连接
server.NewSessionConnected += SessionConnected;
//会话关闭
server.SessionClosed += SessionClosed;
//新的消息接收
server.NewMessageReceived += MessageReceived;
if (!server.Start())
{
//处理监听失败消息
return"error";
}
return"success";
}
///<summary>
/
//会话关闭
///</summary>
///<param name="session"></param>
///<param name="value"></param>
private void SessionClosed(WebSocketSession session, SuperSocket.SocketBase.CloseReason value)
{
Debug.WriteLine("会话关闭，关闭原因：{0} 来⾃：{1} 时间:{2:HH:MM:ss}", value, session.RemoteEndPoint, DateTime.Now);
//SendMsgToRemotePoint(SessionId, SessionId + "已断开");
var sessionRemove = listSession.FirstOrDefault(s => s.SessionId == session.SessionID);
listSession.Remove(sessionRemove);
}
///<summary>
///会话连接
///</summary>
///<param name="session"></param>
private void SessionConnected(WebSocketSession session)
{
Debug.WriteLine("新的会话连接来⾃：{0} SessionID:{1} 时间:{2:HH:MM:ss}", session.RemoteEndPoint, session.SessionID, DateTime.Now); listSession.Add(new SessionInfo { SessionId = session.SessionID, EndPoint = session.RemoteEndPoint.ToString() });
}
///<summary>
///消息接收
///</summary>
///<param name="session"></param>
///<param name="value"></param>
private void MessageReceived(WebSocketSession session, string value)
{
//反序列化消息内容
var message = JsonConvert.DeserializeObject<MessageInfo>(value);
foreach (var item in listSession)
{
///发送消息
SendMsg(item.SessionId, string.Format("{0}发来消息：{1}", message.Name, message.Message));
}
}
// <summary>
///发送消息
///</summary>
///<param name="sessionId"></param>
///<param name="msg"></param>
private void SendMsg(string sessionId, string msg)
{
var appSession = server.GetAppSessionByID(sessionId);
if (appSession != null)
appSession.Send(msg);
}
public class MessageInfo
{
public string Name { get; set; }
public string Message { get; set; }
}
public class SessionInfo
{
public string SessionId { get; set; }
public string EndPoint { get; set; }
//public string Name { get; set; }
}
}
客户端：
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
jquery源码在线<script src="../Scripts/jquery-1.8.2.js"></script>
<input type="text" id="txtName" />
<input type="button" value="加⼊聊天室" id="btnConnection" />
<input type="button" value="离开聊天室" id="btnDisConnection" />
<input type="text" id="txtInput" />
<input type="button" value="发送" id="btnSend" />
<div id="msg"></div>
<script language="javascript" type="text/javascript">
var ws;
var url = "ws://192.168.1.106:1010"
$("#btnConnection").click(function () {
if ("WebSocket"in window) {
ws = new WebSocket(url);
}
else if ("MozWebSocket"in window) {
ws = new MozWebSocket(url);
}
else
alert("浏览器版本过低，请升级您的浏览器");
//注册各类回调
$("#msg").append($("#txtName").val() + "加⼊聊天室<br />");
}
$("#msg").append($("#txtName").val() + "离开聊天室<br />");
}
$("#msg").append("数据传输发⽣错误<br />");
}
$("#msg").append(receiveMsg.data + "<br />");
}
//监听窗⼝关闭事件，当窗⼝关闭时，主动去关闭websocket连接，防⽌连接还没断开就关闭窗⼝，server端会抛异常。
ws.close();
}
});
//$("#btnDisConnection").click(function () {
// $("#msg").append($("#txtName").val() + "离开聊天室<br />");
// ws.close();
//});
$("#btnSend").click(function () {
if (ws.readyState == WebSocket.OPEN) {
var message = "{\"name\":\"" + $("#txtName").val() + "\",\"message\":\"" + $("#txtInput").val() + "\"}"; ws.send(message);
}
else {
$("#msg").text("Connection is Closed!");
}
});
</script>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论