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. Linux C\C++基础 字符数组、字符串和字符串常量

    1.字符数组和字符串 C语言没有字符串类型,用字符数组模拟 字符串一定是字符数组,字符数组不一定是字符串 如果字符数组以字符'\0'('\0'等同与数字0)结尾,那么这个字符数组就是字符串 char ...

  2. java-selenium三种等待方式

    方式1: 线程等待:Thread.sleep(xxxx) 只要在case中加入sleep就会强制等待设置的时间后才会执行之后的命令,这种等待一般适用于调试脚本的时候. java代码 //等待3秒 Th ...

  3. 基于 Vue.js 2.0 酷炫自适应背景视频登录页面的设计『转』

    本文讲述如何实现拥有酷炫背景视频的登录页面,浏览器窗口随意拉伸,背景视频及前景登录组件均能完美适配,背景视频可始终铺满窗口,前景组件始终居中,视频的内容始终得到最大限度的保留,可以得到最好的视觉效果. ...

  4. 富文本编辑器-Ueditor传值

    前两天研究了一下富文本编辑器Ueditor的使用和配置,并且我们已经可以正常的在页面上编辑内容到富文本编辑器中,那么我们如何将输入的内容传到数据库中呢 ? Listen carefully. 首先介绍 ...

  5. 9.用ExecuteSqlCommand执行存储过程

    比如你有一个存储过程 IF NOT EXISTS (SELECT * FROM sys.objects WHERE object_id = OBJECT_ID(N'[dbo].[CreateAutho ...

  6. oa_mvc_easyui_登录完成(2)

    1.使用MVC特有的ajax方式:异步表单提交方式 js文件引用:<script src="~/Scripts/jquery.unobtrusive-ajax.min.js" ...

  7. 关于ionic4导入android studio的注意事项

    最近看IT营的视频的时候,发现视频讲解的打包真是轻松的不得了,但是当自己导入打包的时候,你就会发现,没有最坑,只有更坑,按照教程来打包,估计你这辈子很难还原成功的,下面就来说一下关于 gradle与g ...

  8. vs nuget找不到包

    nuget.org https://api.nuget.org/v3/index.json

  9. CentOS7部署kettle

    去官网下载kettle, 或者百度网盘下载(nnnk),解压到目录/opt/service/, 解压后的目录是data-integration kettle需要java环境才能运行,因此要安装Java ...

  10. 03 Linux下运行Django项目

    1.安装windows和linux传输文件的工具 pip install lrzsz 提供两个命令 一个是上传一个是下载 rz 接收 直接rz sz 上传 直接sz 或者直接拖拽 2.在线下载资源的命 ...