专业挖坑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. CSS+DIV布局中absolute和relative区别

    原文:http://developer.51cto.com/art/201009/225201.htm 这里向大家简单介绍一下CSS+DIV布局中absolute和relative属性的用法和区别,定 ...

  2. Android中监控USB的插拔

    一.需求 在Android应该开发过程中,用到了USB通讯,需要应用监控USB设备的插入和拔出,从而刷新USB设备列表. 二.实现 在使用时,需要register和unregister. 通过UsbD ...

  3. 05 详解C# 迭代器

    迭代器模式是设计模式中行为模式(behavioral pattern)的一个例子,他是一种简化对象间通讯的模式,也是一种非常容易理解和使用的模式. 简单来说,迭代器模式使得你能够获取到序列中的所有元素 ...

  4. Dubbo 源码分析 - 服务调用过程

    注: 本系列文章已捐赠给 Dubbo 社区,你也可以在 Dubbo 官方文档中阅读本系列文章. 1. 简介 在前面的文章中,我们分析了 Dubbo SPI.服务导出与引入.以及集群容错方面的代码.经过 ...

  5. C#通过COM组件操作IE浏览器(三):了解IHTMLDocument2

    IHTMLDocument2方法 说明 write 写入 writeln 写入并换行 open 打开一个流,以收集 document.write 或 document.writeln 的输出 clos ...

  6. FFmpeg开发实战（二）：FFmpeg 文件操作

    FFmpeg 提供了丰富的API供我们使用,下面我们来讲述一下文件操作相关的API: FFmpeg 删除文件:avpriv_io_delete() FFmpeg 重命名文件:avpriv_io_mov ...

  7. Transaction rolled back because it has been marked as rollback-only

    出现这种错误的原因 1.接口A 调用了接口B 2.接口B报异常了,没有在B里面进行try catch捕获 3.接口A对 接口B进行了try catch捕获 因为接口B报异常 会把当前事物A接口的事物( ...

  8. OAuth2简易实战（四）-Github社交联合登录

    1. OAuth2简易实战(四)-Github社交联合登录 1.1. 用到的第三方插件 https://github.com/spring-projects/spring-social-github ...

  9. CAS单点登录原理简单介绍

    1. SSO简介 1.1 单点登录定义 单点登录(Single sign on),英文名称缩写SSO,SSO的意思就是在多系统的环境中,登录单方系统,就可以在不用再次登录的情况下访问相关受信任的系统. ...

  10. Maven私服nexus

    部署私服 xenus  下载https://www.sonatype.com/download‐oss‐sonatype 我下载了两个版本的nexus: nexus-3.13.0-01-unix.ta ...