专业挖坑21年    

1.前 言

　　网上找了很多资料，可能是自己找的路子不对吧，都找不到适合我这样萌新的文章，大多.net环境使用的websocket都是在说一个通信的案例，学起来的确很吃力，自己也挖坑很久才爬出来，所以本篇文章也只是对自己学习的做一个总结。

2.为什么需要WebSocket

　　在已经存在http协议的情况下还使用其他协议？

　　HTTP协议：通信只能是客户端发起，做不到服务器主动向客户端推送信息，以前使用轮询方式请求服务器（浪费资源、效率低）

　　Websocket就是在这样的环境下发明的，在阮一峰老师文章中讲解很详细

　　http://www.ruanyifeng.com/blog/2017/05/websocket.html

3.websocket怎样建立连接

　　首先客户端需要和服务端达成握手的协议

　　客户端

　　向服务器发起连接

 webSocket = new WebSocket("ws://localhost/api/chat");

　　服务端

　　代码不完整只加入了接收的代码

        [Route]

        [HttpGet]

        public HttpResponseMessage Connect(string nickName)

        {

            //在服务端接受web socket请求，传入的函数作为web socket的处理函数，待web socket建立后该函数会被调用，

            //在该函数中可以对web socket进行消息收发

            HttpContext.Current.AcceptWebSocketRequest(ProcessRequest);//将websocket接受到AspNetWebSocketContext

            //构造同意切换至web socket的response

            return Request.CreateResponse(HttpStatusCode.SwitchingProtocols);

        }

        public async Task ProcessRequest(AspNetWebSocketContext context)

        {

            var socket = context.WebSocket;//传入的context中当前的web socket对象

　　　　　}

4.客户端的API

　　Websocket给了几个回调函数，其他的API我就不一一列出了，阮老师的文章中写的很详细

//建立成功

        webSocket.onopen = function () {

            console.log("socket opened");

        }

        //异常

        webSocket.onerror = function () {

            console.log("An exception hai occurred");

        }

        //服务端返回消息回调

        webSocket.onmessage = function (event) {

            console.log(event.data);

        }

        //关闭连接回调

        webSocket.onclose = function () {

            console.log("socket closed");

        }

        //向服务器发送数据

  　　   webSocket.send("hellow word");

　　　　 //客户端主动断开连接

　　　　 webSocket.close();

5.关于服务端

　　服务端建立连接之后作为一个初学者来说我想知道是怎样实现和客户端进行进行会话

　　接收：

        //

        // 摘要:

        //     从 WebSocket 连接异步接受数据。

        //

        // 参数:

        //   buffer:

        //     引用应用程序缓冲区，其为接收的数据的存储位置。

        //

        //   cancellationToken:

        //     传播有关应取消操作的通知。

        //

        // 返回结果:

        //     返回 System.Threading.Tasks.Task`1。表示异步操作的任务对象。任务对象上的 System.Threading.Tasks.Task`1.Result

        //     属性将返回包含已接收数据的 System.Byte 数组。

        public abstract Task<WebSocketReceiveResult> ReceiveAsync(ArraySegment<byte> buffer, CancellationToken cancellationToken);

　　发送： 

        //

        // 摘要:

        //     发送 WebSocket 上连接异步的数据。

        //

        // 参数:

        //   buffer:

        //     要通过连接发送的缓冲区。

        //

        //   messageType:

        //     指示应用是否发送二进制或文本消息。

        //

        //   endOfMessage:

        //     指示在“缓冲区”的数据是否实消息的最后一部分。

        //

        //   cancellationToken:

        //     传播有关应取消操作的通知的标记。

        //

        // 返回结果:

        //     返回 System.Threading.Tasks.Task。表示异步操作的任务对象。

        public abstract Task SendAsync(ArraySegment<byte> buffer, WebSocketMessageType messageType, bool endOfMessage, CancellationToken cancellationToken);

　　其实整个过程就几句代码，但是一直找不到适合我自己的，走了很多弯路，最后把写的案例代码贴上来（虽然是看着别人的写的）

6.案例代码

　　客户端

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

</head>

<body>

    <div>

        <input id="nickName" name="nickName" type="text" value="Jone" />

    </div>

    <div>

        <input id="btnConnection" name="btnConnection" value="Connection" type="button" />

        <input id="btnDisconnect" name="btnDisconnect" value="Disconnect" type="button" />

    </div>

    <div>

        <input id="btnSend" name="btnSend" value="Send" type="button" />

    </div>

    <div id="message">

    </div>

</body>

</html>
<script>

    window.onload = function () {

        document.getElementById("btnConnection").onclick = Connection;

        document.getElementById("btnDisconnect").onclick = Disconnect;

        document.getElementById("btnSend").onclick = Send;

        //CreateWebSocket("ws://localhost/WebApiDemo/api/chat?nickName=b4s51x2");

    }

    var webSocket;

    function Connection() {

        webSocket = new WebSocket("ws://localhost/WebApiDemo/api/chat?nickName=b4s51x2");

        InitEventHandles();

    }

    function InitEventHandles() {

        //建立成功

        webSocket.onopen = function () {

            console.log("socket opened");

        }

        //异常

        webSocket.onerror = function () {

            console.log("An exception hai occurred");

        }

        //服务端返回消息回调

        webSocket.onmessage = function (event) {

            console.log(event.data);

        }

        //关闭连接回调

        webSocket.onclose = function () {

            console.log("socket closed");

        }

    }

    function Send() {

        //向服务器发送数据

        webSocket.send(document.getElementById("nickName").value);

    }

    function Disconnect() {

        webSocket.close();

    }

</script>

　　服务端

　　　　　
　　　　  private static List<WebSocket> _socket = new List<WebSocket>();

　　　　　[Route]

        [HttpGet]

        public HttpResponseMessage Connect(string nickName)

        {

            //在服务端接受web socket请求，传入的函数作为web socket的处理函数，待web socket建立后该函数会被调用，

            //在该函数中可以对web socket进行消息收发

            HttpContext.Current.AcceptWebSocketRequest(ProcessRequest);

            //构造同意切换至web socket的response

            return Request.CreateResponse(HttpStatusCode.SwitchingProtocols);

        }

        public async Task ProcessRequest(AspNetWebSocketContext context)

        {

            var socket = context.WebSocket;//传入的context中当前的web socket对象

            _socket.Add(socket);//此处将web socket对象加入一个静态列表中

            //进入一个无限循环,当web socket close是循环结束

            while (true)

            {

                var buffer = new ArraySegment<byte>(new byte[]);

                var receviedResult = await socket.ReceiveAsync(buffer, CancellationToken.None);//对web socket进行异步接收数据

                if (receviedResult.MessageType == WebSocketMessageType.Close)

                {

                    await socket.CloseAsync(WebSocketCloseStatus.Empty, string.Empty, CancellationToken.None);//如果client发起close请求,对client进行ack

                    _socket.Remove(socket);

                    break;

                }

                if (socket.State == WebSocketState.Open)

                {

                    string recvMsg = Encoding.UTF8.GetString(buffer.Array, , receviedResult.Count);

                    var recvBytes = Encoding.UTF8.GetBytes(recvMsg);

                    var sendBuffer = new ArraySegment<byte>(recvBytes);

                    foreach (var innerSocket in _socket)//当接收到文本消息时，对当前服务器上所有web socket链接进行广播

                    {

                        if (innerSocket == socket)

                        {

                            await innerSocket.SendAsync(sendBuffer, WebSocketMessageType.Text, true, CancellationToken.None);

                        }

                    }

                }

            }

        }

服务端原文章找不到了，最后感谢各位大佬提供的文章学习。

.net使用websocket的更多相关文章

  1. 漫扯:从polling到Websocket

    Http被设计成了一个单向的通信的协议,即客户端发起一个request,然后服务器回应一个response.这让服务器很为恼火:我特么才是老大,我居然不能给小弟发消息... 轮询 老大发火了,小弟们自 ...

  2. 细说WebSocket - Node篇

    在上一篇提高到了 web 通信的各种方式,包括 轮询.长连接 以及各种 HTML5 中提到的手段.本文将详细描述 WebSocket协议 在 web通讯 中的实现. 一.WebSocket 协议 1. ...

  3. java使用websocket，并且获取HttpSession，源码分析

    转载请在页首注明作者与出处 http://www.cnblogs.com/zhuxiaojie/p/6238826.html 一:本文使用范围 此文不仅仅局限于spring boot,普通的sprin ...

  4. WebSocket - ( 一.概述 )

    说到 WebSocket,不得不提 HTML5,作为近年来Web技术领域最大的改进与变化,包含CSS3.离线与存储.多媒体.连接性( Connectivity )等一系列领域,而即将介绍的 WebSo ...

  5. php+websocket搭建简易聊天室实践

    1.前言 公司游戏里面有个简单的聊天室,了解了之后才知道是node+websocket做的,想想php也来做个简单的聊天室.于是搜集各种资料看文档.找实例自己也写了个简单的聊天室. http连接分为短 ...

  6. Demo源码放送：打通B/S与C/S ！让HTML5 WebSocket与.NET Socket公用同一个服务端！

    随着HTML5 WebSocket技术的日益成熟与普及,我们可以借助WebSocket来更加方便地打通BS与CS -- 因为B/S中的WebSocket可以直接连接到C/S的服务端,并进行双向通信.如 ...

  7. Cowboy 开源 WebSocket 网络库

    Cowboy.WebSockets 是一个托管在 GitHub 上的基于 .NET/C# 实现的开源 WebSocket 网络库,其完整的实现了 RFC 6455 (The WebSocket Pro ...

  8. 借助Nodejs探究WebSocket

    文章导读: 一.概述-what's WebSocket? 二.运行在浏览器中的WebSocket客户端+使用ws模块搭建的简单服务器 三.Node中的WebSocket 四.socket.io 五.扩 ...

  9. 细说websocket - php篇

    下面我画了一个图演示 client 和 server 之间建立 websocket 连接时握手部分,这个部分在 node 中可以十分轻松的完成,因为 node 提供的 net 模块已经对 socket ...

  10. webSocket and LKDBHelper的使用说明

    socketket与lkdbhelper来处理数据 客户需求: 当我们有需要从自己的后台推送消息给我们的用户时,用户需要实时的接收到来自我们的推送消息.前提是没有使用第三方的推送框架,那么这个使用we ...

随机推荐

  1. future项目上报

    private String name;//预警名称 private String detail;//详细 用于定义位置和报错信息,越多越好private String code;//编码 1001是 ...

  2. Exp2 后门原理与实践-------20164325王晓蕊

    Exp2 后门原理与实践 任务一:使用netcat获取主机操作Shell,cron启动 1.windows获取linux shell 1.1 ipconfig  查看本机查看以太网适配器(8)的ipv ...

  3. 132.leecode-Palindrome Partitioning II

    这个题需要两个dp,一个保存从i到j是否为回文串 另一个保存0到i的最小的分割 下面是我的效率不太高的代码 class Solution { public: int minCut(string s) ...

  4. c# 字符串中多个连续空格转为一个空格

    #region 字符串中多个连续空格转为一个空格 /// <summary> /// 字符串中多个连续空格转为一个空格 /// </summary> /// <param ...

  5. 包建强的培训课程（16）：Android新技术入门和提高

    @import url(/css/cuteeditor.css); Normal 0 10 pt 0 2 false false false EN-US ZH-CN X-NONE $([{£¥·‘“〈 ...

  6. 吴恩达机器学习笔记47-K均值算法的优化目标、随机初始化与聚类数量的选择（Optimization Objective & Random Initialization & Choosing the Number of Clusters of K-Means Algorithm）

    一.K均值算法的优化目标 K-均值最小化问题,是要最小化所有的数据点与其所关联的聚类中心点之间的距离之和,因此 K-均值的代价函数(又称畸变函数 Distortion function)为: 其中

  7. 访问https 报错ssl 协议异常

    报错信息: ERROR][http-nio-8888-exec-1] - Servlet.service() for servlet [dispatcherServlet] in context wi ...

  8. websocket ----简介，以及demo

    #导报 from dwebsocket.decorators import accept_websocket WebSocket是一种在单个TCP连接上进行全双工通信的协议 WebSocket使得客户 ...

  9. C# 请求接口返回中文乱码→？？？

    在工作过程中,调用第三方接口出现当返回的数据是中文的时候,中文数据便会变成 这样??? 迷~ ,一开始我以为是发送成功后接收字符编码是不是不对,在换过UTF-8,Unicode,...都是不行. 最后 ...

  10. struts2框架(1)---struts2入门

    struts2框架 如果你之前在MVC模式的时候一直都是通过servlet,获取和返回数据,那么现在开始学习struts2框架, Struts是一个实现MVC设计模式的优秀的框架.它的许多优点我就不说 ...