WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

今天在这里我会用C#搭建WebSocket服务端演示WebSocket的通信过程

一、WebSocket中的事件、属性和方法

　　属性：

　　Socket.readyState                   只读属性 readyState 表示连接状态，可以是以下值：

                                                 - 表示连接尚未建立。

                                                 - 表示连接已建立，可以进行通信。

                                                 - 表示连接正在进行关闭。

                                                 - 表示连接已经关闭或者连接不能打开。
　　Socket.bufferedAmount　　　　　　　　 只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数

　　事件：

　　事件             事件处理程序            　　 描述

　　open     　　　　Socket.onopen              连接建立时触发

　　message     　　 Socket.onmessage     　　　客户端接收服务端数据时触发

　　error      　　　Socket.onerror             通信发生错误时触发

　　close      　　　Socket.onclose             连接关闭时触发

　　方法:

　　Socket.send()                     使用连接发送数据

　　Socket.close()                    关闭连接

二、有了大概的了解接下来就开始实现这么一个实例

　　1.客户端

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

    </head>

    <body >

        <div style="margin-left: 650px;">

            <form id="Form">

                <input type="input" name="" id="SendInfo" value="" />

                <button type="submit">提交</button>

            </form>

            <div id="hello" style="border: dashed 1px black;height: 500px;width: 500px;margin-top: 10px;">

            </div>

        </div>

    </body>

    <script type="text/javascript">

        var test=function(){

            var print=document.getElementById('hello');

            var form = document.getElementById('Form');

            var input = document.getElementById('SendInfo');

            print.innerHTML += "connecting to server ..<br/>";

            window.ws = new WebSocket('ws://localhost:9898/');      //监听webscoket服务端口

            //监听消息状态

            ws.onmessage=function(eve){

                print.innerHTML+=eve.data+'<br/>'

            }

            //监听链接状态

            ws.onopen=function(){

                print.innerHTML+='connection open <br/>'

            }

            //监听关闭状态

            ws.onclose = function () {

                print.innerHTML += 'connection closed<br/>';

            }

               //向服务器端发送消息

               form.addEventListener('submit',function(e){

                   e.preventDefault();

                   var val="客户端："+input.value;

                   ws.send(val);

                   input.value="";

               })

        }

        window.onload=test();

    </script>

</html>

　　2.服务端创建一个C#控制台程序

using Fleck;

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

namespace WebScoket

{

    class Program

    {

        static void Main(string[] args)

        {

            var allScokets = new List<IWebSocketConnection>();

            var server = new WebSocketServer("ws://127.0.0.1:9898");    //创建webscoket服务端实例

            server.Start(scoket=> {

                scoket.OnOpen = () =>　　　　　　　　　　　　　　　　　　　

                {

                    Console.WriteLine("Open");

                    allScokets.Add(scoket);

                };

                scoket.OnClose = () =>

                {

                    Console.WriteLine("Close");

                    allScokets.Remove(scoket);

                };

                scoket.OnMessage =message => {

                    Console.WriteLine(message);

                    allScokets.ToList().ForEach(s=>s.Send(message));

                };

            });

            var input = Console.ReadLine();

            while (input != "exit")

            {

                foreach (var socket in allScokets.ToList())

                {

                    socket.Send("服务端："+input);

                }

                input = Console.ReadLine();

            }

        }

    }

}

　　3.运行效果

　

　　

　　

用C#搭建WebSocket的更多相关文章

  1. 使用Node.js+Socket.IO搭建WebSocket实时应用

    Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. W ...

  2. 【C#】MVC项目中搭建WebSocket服务器

    前言 因为项目需要,前端页面中需要不断向后台请求获取一个及一个以上的状态值.最初的方案是为每个状态值请求都建立一个定时器循环定时发起Ajax请求,结果显而 易见.在HTTP1.1协议中,同一客户端浏览 ...

  3. （转）使用Node.js+Socket.IO搭建WebSocket实时应用

    Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. W ...

  4. 使用Node.js+Socket.IO搭建WebSocket实时应用【转载】

    原文:http://www.jianshu.com/p/d9b1273a93fd Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新 ...

  5. 【Netty】(7）---搭建websocket服务器

    [Netty](7)---搭建websocket服务器 说明:本篇博客是基于学习某网有关视频教学. 目的:创建一个websocket服务器,获取客户端传来的数据,同时向客户端发送数据 一.服务端 1. ...

  6. 搭建websocket消息推送服务，必须要考虑的几个问题

    近年,不论是正在快速增长的直播,远程教育以及IM聊天场景,还是在常规企业级系统中用到的系统提醒,对websocket的需求越来越大,对websocket的要求也越来越高.从早期对websocket的应 ...

  7. Netty 搭建 WebSocket 服务端

    一.编码器.解码器 ... ... @Autowired private HttpRequestHandler httpRequestHandler; @Autowired private TextW ...

  8. netty系列之:使用netty搭建websocket服务器

    目录 简介 netty中的websocket websocket的版本 FrameDecoder和FrameEncoder WebSocketServerHandshaker WebSocketFra ...

  9. 在IIS上搭建WebSocket服务器（一）

    一.搭建环境 1.System.Web.WebSockets需搭建在Windows8及Server2012以上系统的上. 2.在Windows8及Server2012以上系统的上安装IIS和WebSo ...

随机推荐

  1. MySQL的select详细介绍

    MySQL 查询数据 MySQL 数据库使用SQL SELECT语句来查询数据. 你可以通过 mysql> 命令提示窗口中在数据库中查询数据 语法 以下为在MySQL数据库中查询数据通用的 SE ...

  2. Java--8--新特性--串并行流与ForkJoin框架

    并行流就是把一个内容分成多个数据块,并用不同的线程分别处理每个数据块的流.穿行流则相反,并行流的底层其实就是ForkJoin框架的一个实现. 那么先了解一下ForkJoin框架吧. Fork/Join ...

  3. The Preliminary Contest for ICPC Asia Shenyang 2019 F. Honk's pool

    题目链接:https://nanti.jisuanke.com/t/41406 思路:如果k的天数足够大,那么所有水池一定会趋于两种情况: ① 所有水池都是一样的水位,即平均水位 ② 最高水位的水池和 ...

  4. 记录一次群答问：requests获取cookie

    问题: 为了测试,写的sever,下面仅为set cookie的部分代码 response = make_response('{"code":9420, "msg&quo ...

  5. opencart忘记登录密码怎么办

    今天一位客户问opencart忘记登录密码怎么办,他们公司内部有几位员工同时在管理,可能是哪位同事把密码给改了没有跟大家说,现在都登录不了.这个只能数据库修改了.进入opencart的数据库,找到oc ...

  6. 02-linux-换源-ui方式

    换软件源 使用清华的软件源. Ubuntu 的 ui 界面操作^换源 System setting -> Software & update -> Download from -& ...

  7. 【oracle】处理锁表

    查询锁表 select object_name,machine,s.sid,s.serial# from v$locked_object l,dba_objects o ,v$session swhe ...

  8. windows下 zabbix agent心跳数据获取异常

    模板中的心跳监控项默认是主动性的,在windows下直接装上客户端后,如果不协调时间,可能会出现心跳数据异常, 因为是主动式的监控,agent上的数据主动的推送到server上,但是从server上看 ...

  9. ABP 报错 System.InvalidOperationException: 实例失败。

    错误:System.InvalidOperationException: 实例失败. 解决:数据库链接写错了,斜杠的问题 core:两根斜杠 .net framework:一根斜杠 core的写法: ...

  10. 浅谈HTTPS传输过程

    HTTPS是什么 HTTPS不是一个新的协议,可以理解为是一个HTTP协议的加密"版本"(HTTP+SSL(TLS)).那为什么HTTP协议需要加密,不加密会出现什么问题呢?先来了 ...