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. django_restframework项目之python虚拟环境配置（一）

    虚拟环境的搭建 优点 1.使不同应用开发环境相互独立 2.环境升级不影响其他应用,也不会影响全局的python环境 3.防止出现包管理混乱及包版本冲突 windows 安装 # 建议使用pip3安装到 ...

  2. Alpha2版本-组织管理、党员管理、活动管理测试

    小程序组织管理.党员管理.活动管理测试-测试报告   一.测试工具的选择 微信安卓版v7.0.8 微擎工具v1.7.0 PHPstorm Google Chrome 76.0.3623 二.测试用例 ...

  3. Spring Cloud Turbine 知识点

    Turbine 默认使用 Eureka 作为注册中心:如果使用 Consul 作为注册中心,需要排除掉 Eureka:pom.xml 如下: <dependency> <groupI ...

  4. 第三章 linux常用的命令

    安装笔记: 1 安装linux操作系统时,会默认创建一个超级管理员帐号:root 2 安装时,当进行到选择哪种类型的安装时,我们选择"使用所有空间"的类型 Linux概念性的东西 ...

  5. ubuntu下vi/vim 的基本用法

    https://blog.csdn.net/weixin_37657720/article/details/80645991 :q!    不保存强制推出. :wq   保存并退出.

  6. monkey--常用参数

    前戏 参数分类:常规类参数,事件类参数,约束类参数,调试类参数 常规类参数:常规类参数包括帮助参数和日志信息参数,帮助参数用于输出monkey命令使用指导,日志信息参数将日志分为三个等级,级别越高,日 ...

  7. 只访问tomcat，不访问项目时，显示指定内容。

      1.情景展示 我们知道,将javaWeb项目部署到tomcat后,访问该项目的url路径构成是: 网路协议+"://"+ip地址+":"+tomcat设定的 ...

  8. npm和yarn设置镜像源

    npm 设置为淘宝源 npm config set registry https://registry.npm.taobao.org 使用nrm管理 nrm: npm registry manage ...

  9. 怎样把excel整列单元格批量改为文本格式

    选中整列,进入“数据”菜单栏,点击“分列”,[列数据格式]选“文本”,点击“完成”即可.

  10. js密码加密

    1.base64加密:在页面中引入base64.js文件,调用方法为: <!DOCTYPE HTML> <html> <head> <meta charset ...