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. mybatis-plus手记

    项目源码:https://gitee.com/baomidou/mybatis-plus     https://github.com/baomidou/mybatis-plus 文档:https:/ ...

  2. DEDECMS安全设置篇

    dedecms是好用,优化也好,就是不安全,个人是这样认为的,今天 闲着没事 整理了一些有助于dedecms网站安全的一些设置,可以说是目前最全的dedecms安全设置! 其一:保持DEDE更新,及时 ...

  3. 洛谷P2634 [国家集训队]聪聪可可(点分治)

    传送门 题意: 给出一颗树,每条边都有一定的边权. 先问点之间路径和为\(3\)的倍数的点对有多少. 思路: 点分治模板题. 可以将问题转化为经过一个点\(t\)的路径和不经过点\(t\)的路径两种情 ...

  4. JDK1.8 LocalDate 使用方式;LocalDate 封装Util,LocalDate工具类(一)

    未完待续 ........ 由于SimpleDateFormat存在线程安全问题,所以在JDK1.8中使用LocalDate和LocalDateTime来进行日期的工具类使用,下边就是原创的Local ...

  5. 产品上线后，出现BUG的处理流程

    根据bug的大小,如果影响业务逻辑及用户提醒及时处理,如果只是一些状态.文案等等对业务无重大影响可以跟版本迭代走 很严重的bug必然要回滚,想都不要想赶紧去着手安排做. 检查回滚版本是否会丢失数据,如 ...

  6. ABP 从core降到级.net framework

    后台: Application层得先写接口 再写实现,不然 abp.services.app 这个里面就没有该service.并且service保留的接口,就是interface里面定义的接口. 文件 ...

  7. Codeforces Global Round 3 题解

    这场比赛让我上橙了. 前三题都是大水题,不说了. 第四题有点难想,即使想到了也不能保证是对的.(所以说下面D的做法可能是错的) E的难度是 $2300$,但是感觉很简单啊???说好的歪果仁擅长构造的呢 ...

  8. Python 和 Flask 设计 RESTful API

    #!flask/bin/python from flask import Flask, jsonify from flask import make_response app = Flask(__na ...

  9. Android Studio 之 控件基础知识

    1. TextView 和 EditText 控件常用属性  android:layout_width="match_parent" 宽度与父控件一样宽 android:layou ...

  10. 每日一问：LayoutParams 你知道多少？

    前面的文章中着重讲解了 View 的测量流程.其中我提到了一句非常重要的话:View 的测量匡高是由父控件的 MeasureSpec 和 View 自身的 `LayoutParams 共同决定的.我们 ...