LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

.net+H5 webSocket 实现聊天
admin
2019年11月12日 15:16 本文热度 3334
Html代码：

<textarea rows="10" style="width:300px" id="contentArea"></textarea>
<br/>姓名<input type="text"  id="name" />内容<input type="text" style="width:300px" id="content"/><button onclick="send()">发送</button>

<script>
    var webSocket = new WebSocket("ws://localhost:9226/api/sys/test/GetConnect?nickName=admin" );
    webSocket.onopen = function () {
        console.log("opened");
        alert("已开启，可聊天");
    }
    webSocket.onerror = function () {
        console.log("web socket error");
    }

    webSocket.onmessage = function (event) {
        console.log("onmessage");
        console.log(event);
        document.getElementById("contentArea").value = document.getElementById("contentArea").value + "\r\n" + event.data;
    }

    webSocket.onclose = function () { console.log("closed"); }
    function send() {
        var value =document.getElementById("name").value+":"+ document.getElementById("content").value;

        webSocket.send(value);

        document.getElementById("contentArea").value = document.getElementById("contentArea").value + "\r\n" + value;
        document.getElementById("content").value = "";
    }
</script>

.net 代码
web.config处
在 system.web 下 httpRuntime加入 targetFramework="4.5"
ApiControoler部分

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

        [System.Web.Http.HttpGet]
        public HttpResponseMessage GetConnect(string nickName)
        {
            HttpContext.Current
                .AcceptWebSocketRequest(
                    ProcessRequest); //在服务器端接受Web Socket请求，传入的函数作为Web Socket的处理函数，待Web Socket建立后该函数会被调用，在该函数中可以对Web Socket进行消息收发

            return Request.CreateResponse(HttpStatusCode.SwitchingProtocols); //构造同意切换至Web Socket的Response.
        }
        public async Task ProcessRequest(AspNetWebSocketContext context)
        {
            var socket = context.WebSocket; //传入的context中有当前的web socket对象
            _sockets.Add(socket); //此处将web socket对象加入一个静态列表中

            //进入一个无限循环，当web socket close是循环结束
            while (true)
            {
                var buffer = new ArraySegment<byte>(new byte[1024]);
                var receivedResult = await socket.ReceiveAsync(buffer, CancellationToken.None); //对web socket进行异步接收数据
                if (receivedResult.MessageType == WebSocketMessageType.Close)
                {
                    await socket.CloseAsync(WebSocketCloseStatus.Empty, string.Empty,
                        CancellationToken.None); //如果client发起close请求，对client进行ack
                    _sockets.Remove(socket);
                    break;
                }

                if (socket.State == System.Net.WebSockets.WebSocketState.Open)
                {
                    string recvMsg = Encoding.UTF8.GetString(buffer.Array, 0, receivedResult.Count);
                    var recvBytes = Encoding.UTF8.GetBytes(recvMsg);
                    var sendBuffer = new ArraySegment<byte>(recvBytes);
                    foreach (var innerSocket in _sockets) //当接收到文本消息时，对当前服务器上所有web socket连接进行广播
                    {
                        if (innerSocket != socket)
                        {
                            await innerSocket.SendAsync(sendBuffer, WebSocketMessageType.Text, true,
                                CancellationToken.None);
                        }
                    }
                }
            }
        }


该文章在 2019/11/12 15:16:57 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved