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. DNS_主从搭建

    一.DNS简介 1.DNS DNS是域名系统(Domain Name System)的简称,它是一个将域名和IP相互映射的分布式数据库.有了DNS服务器,我们只需要记录一个网站的域名即可访问,而再也不 ...

  2. Linux常用命令详解（1）

    基础命令: ls man pwd cd mkdir echo touch cp mv rm rmdir cat more less head tail clear poweroff reboot 命令 ...

  3. MVC、MVP、MVVM模式的概念与区别

    1. MVC框架 MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑.数据.界面显示 ...

  4. Python 输入IP地址及掩码告诉你该网段包含的全部地址(IPy模块练习)

    IPy模块原本使用时需要输入正确的网络位和掩码,我利用处理报错的机制实现了输入任意IP地址和掩码均可正确输出结果的小程序. #!/usr/bin/env python # -*- coding: ut ...

  5. POP与OOP编程模式对比

    面向过程:(procedure oriented programming 即:POP) 代表:C/C++ 向过程程序设计,它是以功能为中心来进行思考和组织的一种编程方式,强调的是系统的数据被加工和处理 ...

  6. [c++] 链表各类操作详解

    链表概述 链表是一种常见的重要的数据结构.它是动态地进行存储分配的一种结构.它可以根据需要开辟内存单元.链表有一个“头指针”变量,以head表示,它存放一个地址.该地址指向一个元素.链表中每一个元素称 ...

  7. Eclipse中格式化代码

    Eclipse中格式化代码快捷键Ctrl+Shift+F失效的解决办法 格式化代码的时候,右键 --> Source --> Format 能够起效,但 Ctrl+Shift+F不好使. ...

  8. spring请求多方式

    <!-- 使表单可以使用GET,.POST. HEAD.OPTIONS.PUT.DELETE.TRACE方式提交--> <filter> <filter-name> ...

  9. 洛谷 P2633 Count on a tree 题解

    题面 对于每个点建立一颗主席树: 然后按照树上差分的思想统计主席树的前缀和: lca+主席树+前向星存表就可以了: #include <bits/stdc++.h> #define inc ...

  10. linux小白家教学<一>

    <数据中心规划与实施> 教学大纲  编写人:Allen 一. 课程教学内容及目标: (一) 知识目标 1.掌握企业级LINUX部署以及相关配置: 2.掌握LINUX操作系统基本的创建.删除 ...