专业挖坑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. Solr Cloud

    bin/solr start -cloud -s example/cloud/node1/solr -p 8983 -z node13:2181,node14:2181,node15:2181/usr ...

  2. Open系列相关概念汇总

    最近接触了Android OpenGL ES 和 OpenCL ES,然后就很想知道除了这两个之外到底还有几个Open系列的API集.搜集的结果如下(纯为自己科普): 1. OpenGL(OpenGr ...

  3. Drools规则引擎入门指南(三)——使用Docker部署Workbench

    其实本来我也是打算使用Tomcat来部署Workbench的,但是在网上看了几篇文章,超级繁琐的配置.各种版本.实在看不下去了索性就直接使用Docker来部署了.本次部署的版本是最新稳定版,对应dro ...

  4. prompt的工作原理

    浏览器提供了一个内置函数,可以用来获取用户输入:这个函数就是prompt.函数prompt与你使用过的函数alert很像(它也显示一个对话框,其中包含你指定的字符串),但它还提供了让用户输入响应的区域 ...

  5. Python学习笔记【第十一篇】：Python面向对象高级

    isinstance(obj,cls)和issubclass(sub,super) class Person(object): def __init__(self, name, age, sex, n ...

  6. 阿里巴巴是如何打通 CMDB，实现就近访问的？

    CMDB在企业中,一般用于存放与机器设备.应用.服务等相关的元数据.当企业的机器及应用达到一定规模后就需要这样一个系统来存储和管理它们的元数据.有一些广泛使用的属性,例如机器的IP.主机名.机房.应用 ...

  7. Docker简介以及操作

    Docker 简介 Docker 是一个开源项目,诞生于 2013 年初,最初是 dotCloud 公司内部的一个业余项目.它基于 Google 公司推出的 Go 语言实现. 项目后来加入了 Linu ...

  8. NotSupportedError Only secure origins are allowed

    今天在写H5调用手机摄像头时提示一个错误信息如下: NotSupportedError Only secure origins are allowed (see: https://goo.gl/Y0Z ...

  9. eos开发(一) eos开发环境搭建

    区块链最近挺火的,我又是个非常缺钱的人,所以紧跟了潮流一头扎进区块链的研究中. 这EOS项目是目前比较火的一个项目,相信很多朋友拿到这份EOS的源代码后都会一脸懵逼,因为……这代码写得太高级了,老纸看 ...

  10. 【ABP框架系列学习】模块系统(4)

    0.引言 ABP提供了构建模块和通过组合模块以创建应用程序的基础设施.一个模块可以依赖于另外一个模块.通常,程序集可以认为是模块.如果创建多个程序集的应用程序,建议为每个程序集创建模块定义. 当前,模 ...