html代码

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>WebSocket DEMO</title>

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <style>

        ul,

        li {

            padding: 0;

            margin: 0;

            list-style: none;

        }

    </style>

</head>

<body>

    <div>

        a:<input type="text" id="inpA" /> b:<input type="text" id="inpB" />

        <button type="button" id="btnSub">submit</button>

    </div>

    <ul id="outCnt"></ul>

    <script>

      let wsc;

      var echo = function(text) {

        var echoone = function(text) {

          var dom = document.createElement("li");

          var t = document.createTextNode(text);

          dom.appendChild(t);

          var cnt = document.getElementById("outCnt");

          cnt.appendChild(dom);

        };

        if (Array.isArray(text)) {

          text.map(function(t) {

            echoone(t);

          });

        } else {

          echoone(text);

        }

      };

      (function() {

        if ("WebSocket" in window) {

          // init the websocket client

          wsc = new WebSocket("ws://localhost:6690/add");

          wsc.onopen = function() {

            echo("connected");

          };

          wsc.onclose = function() {

            echo("closed");

          };

          wsc.onmessage = function(e) {

            var data = JSON.parse(e.data);

            echo(data.msg || e.data);

            console.log(data.msg || e.data);

          };

          // define click event for submit button

          document.getElementById("btnSub").addEventListener('click', function() {

            var a = parseInt(document.getElementById("inpA").value);

            var b = parseInt(document.getElementById("inpB").value);

            if (wsc.readyState == 1) {

              wsc.send(JSON.stringify({ a: a, b: b }));

            } else {

              echo("service is not available");

            }

          });

        }

      })();

    </script>

</body>

</html>

服务端代码

using Newtonsoft.Json;

using Newtonsoft.Json.Linq;

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using WebSocketSharp;

using WebSocketSharp.Server;

namespace ConsoleServer

{

   public class Add : WebSocketBehavior

    {

        protected override void OnOpen()

        {

            Console.WriteLine("Connection Open");

            base.OnOpen();

        }

        protected override void OnMessage(MessageEventArgs e)

        {

            var data = e.Data;

            if (TestJson(data))

            {

                var param = JToken.Parse(data);

                if (param["a"] != null && param["b"] != null)

                {

                    var a = param["a"].ToObject<int>();

                    var b = param["b"].ToObject<int>();

                    Send(JsonConvert.SerializeObject(new { code = , msg = "result is " + (a + b) }));

                    Task.Factory.StartNew(() => {

                        Task.Delay().Wait();

                        Send(JsonConvert.SerializeObject(new { code = , msg = "I just to tell you, the connection is different from http, i still alive and could send message to you." }));

                    });

                }

            }

            else

            {

                Send(JsonConvert.SerializeObject(new { code = , msg = "request is not a json string." }));

            }

        }

        protected override void OnClose(CloseEventArgs e)

        {

            Console.WriteLine("Connection Closed");

            base.OnClose(e);

        }

        protected override void OnError(ErrorEventArgs e)

        {

            Console.WriteLine("Error: " + e.Message);

            base.OnError(e);

        }

        private static bool TestJson(string json)

        {

            try

            {

                JToken.Parse(json);

                return true;

            }

            catch (JsonReaderException ex)

            {

                Console.WriteLine(ex);

                return false;

            }

        }

    }

}

Program启动项代码

 var wssv = new WebSocketServer();

            wssv.AddWebSocketService<Add>("/add");

            wssv.Start();

            Console.WriteLine("Server starting, press any key to terminate the server.");

            Console.ReadKey(true);

            wssv.Stop();

注意引用 Newtonsoft.JSON和DSharpPlus.WebSocket.WebSocketSharp

package代码

  Install-Package DSharpPlus.WebSocket.WebSocketSharp 

  Install-Package Newtonsoft.JSON

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. 客户端数据存储cookie、localStoeage、sessionStorage（小记）

    一.数据存储分为客户端存储和服务端存储 1.而对于客户端存储,在html5以前只能通过cookie来实现:html 5以后增加了web存储(实际保存本地)的功能   (1)对于web存储有两个标准: ...

  2. 2019.07.05 纪中_B

    今日膜拜:czj大佬orz%%% 2019.07.05[NOIP提高组]模拟 B 组 今天做题的时候大概能判断出题人的考点,可是就是没学过...特别痛苦 T0:栈的定义,模拟就好了T1:感觉像是找规律 ...

  3. ubuntu 18.04 配置notebook远程连接的坑

    jupyter-notebook的安装不在此说明 在网上搜了很多方案都不行,好不容易从坑里爬出来 以下为远程连接配置方法 1.生成配置文件 jupyter notebook --generate-co ...

  4. vue-router动态路由设置参数可选

    在日常工作中,我们需要将匹配到的所有路由,映射到一个组件上. 如下代码想要达到的效果: 不传page和id,则映射到user默认list页面 传page和id,根据page不同,显示不同的页面 问题 ...

  5. Postman之简单使用

    前提:已获得接口文档 / 抓包数据 1.启动Postman 直接在这个页面输入数据(不用管其他的地方!!!) 2.按照接口文档填入 注意蓝色框中的数据 请求方式:POST(几乎都是使用POST/GET ...

  6. Codeforces 1220E. Tourism

    传送门 这是一道英语题,首先要读懂题目: $\text{Alex believes that his trip will be interesting only if he will not use ...

  7. Erasing Substrings CodeForces - 938F (字符串dp)

    大意: 给定字符串$s$, 长度为$n$, 取$k=\lfloor log2(n)\rfloor$, 第$i$次操作删除一个长度为$2^{i-1}$的子串, 求一种方案使得, $k$次操作后$s$的字 ...

  8. 使用jdbc操作ClickHouse

    使用jdbc操作ClickHouse 2018年07月01日 01:33:00 狮子头儿 阅读数 10501   版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处 ...

  9. 多列表zip合并的csv持久化储存

    有时xpath爬取数据之后会返回多个列表,这些列表的长度一样,这时候可以用zip()合并,然后返回一个zip对象,直接传入储存函数,进行持久化储存 例如: name=['张三','李四','王五'] ...

  10. ajax的交互原理，同步和异步的区别

    ajax的交互原理分别为: 创建对象——建立连接——发送数据——注册回调——执行回调 var xhr=new XMLHttpRequest()//创建对象 xhr.open(请求,url,true或者 ...