Fleck WebSocket使用

作为笔记存储.

最近公司有这方面的使用需求。在网上查了一些资料后。得到了想要的结果。以下记录摘抄至网上资料。

1.首先,服务端。项目NuGet直接引用Fleck类库。

code:

             //客户端url以及其对应的Socket对象字典

             IDictionary<string, IWebSocketConnection> dic_Sockets = new Dictionary<string, IWebSocketConnection>();

             //创建

             //本地测试的配置IP和端口。自行设置

             WebSocketServer server = new WebSocketServer("ws://127.0.0.1:8002");

             //出错后进行重启

             server.RestartAfterListenError = true;

             //开始监听

             server.Start(socket =>

             {

                 socket.OnOpen = () =>   //连接建立事件

                 {

                     //获取客户端网页的url

                     string clientUrl = socket.ConnectionInfo.ClientIpAddress + ":" + socket.ConnectionInfo.ClientPort;

                     dic_Sockets.Add(clientUrl, socket);

                     Console.WriteLine(DateTime.Now.ToString() + "|服务器:和客户端网页:" + clientUrl + " 建立WebSock连接！");

                 };

                 socket.OnClose = () =>  //连接关闭事件

                 {

                     string clientUrl = socket.ConnectionInfo.ClientIpAddress + ":" + socket.ConnectionInfo.ClientPort;

                     //如果存在这个客户端,那么对这个socket进行移除

                     if (dic_Sockets.ContainsKey(clientUrl))

                     {

                         //注:Fleck中有释放

                         //关闭对象连接

                         //if (dic_Sockets[clientUrl] != null)

                         //{

                         //dic_Sockets[clientUrl].Close();

                         //}

                         dic_Sockets.Remove(clientUrl);

                     }

                     Console.WriteLine(DateTime.Now.ToString() + "|服务器:和客户端网页:" + clientUrl + " 断开WebSock连接！");

                 };

                 socket.OnMessage = message =>  //接受客户端网页消息事件

                 {

                     string clientUrl = socket.ConnectionInfo.ClientIpAddress + ":" + socket.ConnectionInfo.ClientPort;

                     //socket.ConnectionInfo.Headers["UserId"] = message;

                     string key = message.Replace("UserId=", "");

                     dic_Sockets.Add(key, socket);

                     Console.WriteLine(DateTime.Now.ToString() + "|服务器:【收到】来客户端网页:" + clientUrl + "的信息：\n" + message);

                 };

             });

             Console.ReadKey();

             foreach (var item in dic_Sockets.Values)

             {

                 if (item.IsAvailable == true)

                 {

                     item.Send("服务器消息：" + DateTime.Now.ToString());

                 }

             }

             Console.ReadKey();

             //关闭与客户端的所有的连接

             foreach (var item in dic_Sockets.Values)

             {

                 if (item != null)

                 {

                     item.Close();

                 }

             }

             Console.ReadKey();

2.客户端,直接建立一个Asp.net的一个Web空应用程序。在项目内直接新建一个Html文件

code:

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="utf-8" />

    <title>Fleck WebSocket</title>

    <style>

        .div1 {

            height: 88px;

            width: 173px;

            border: 1px solid blue;

            margin: auto;

        }

        h4 {

            margin: auto;

        }

    </style>

    <script>

        var webSocket = {};

        //创建websockt

        function CreateWebSocket() {

            webSocket = new WebSocket("ws://127.0.0.1:8002");

            webSocket.onopen = WebSokectOnOpen;

            webSocket.onmessage = WebSocketOnMessage;

            webSocket.onclose = WebSocketOnClose;

        };

        //建立连接事件

        function WebSokectOnOpen() {

            //alert("已经打开连接！");

            webSocket.Send("Open");

        };

        //监听事件

        function WebSocketOnMessage(event) {

            //监听来自服务端的数据

            alert(event.data);

        };

        function WebSocketOnClose() {

            //监听来自客户端的数据

            alert('Close');

        };

        //发送事件

        function WebSocketSendMsg() {

            //获取text中的值

            var text = document.getElementById("Text1").value;

            //发送到服务器

            webSocket.send(text);

        };

    </script>

</head>

<body onload="CreateWebSocket()">

    <div class="div1">

        <input type="text" id="Text1" />

        <input type="button" onclick="WebSocketSendMsg()" value="发送数据至服务端" />

    </div>

</body>

</html>

3.服务端启动后,可通过OnOpen，OnClose，OnMessage，OnError等监听事件处理不同的业务。该技术用在一些特定的场景还是不错的。

就到这里！

Fleck WebSocket使用的更多相关文章

  1. Fleck websocket官方事例

    Fleck websocket官方事例 server: using Fleck;using System;using System.Collections.Generic;using System.L ...

  2. C#工作总结（一）：Fleck的WebSocket使用

    一.引子(Foreword) 最近公司里面要做窗体和网页交互的功能.网上找了一下资料,这里做一个简单的扩充和整理,部分内容可能是摘自其他博客,这里会注明出处和原文地址供大家和自己日后查阅. 二.基础知 ...

  3. 用 Fleck 实现 websocket 通信

    <html lang="en"> <head> <meta charset="utf-8"> <title>rf ...

  4. C# WebSocket Fleck 调用非托管C++ DLL 实现通信（使用stringbuilder接收）

     [DllImport(@"XXX.dll", CallingConvention = CallingConvention.StdCall)]public static exter ...

  5. C# WebSocket Fleck 调用非托管C++ DLL 实现通信（使用char*接收）

    [DllImport(@"C:XXX.dll", CallingConvention = CallingConvention.StdCall)] unsafe public sta ...

  6. H5 WebSocket 如何和C#进行通信

    HTML5作为下一代的 Web 标准, 拥有许多引人注目的新特性,如 Canvas.本地存储.多媒体编程接口.WebSocket 等.WebSocket 在浏览器和服务器之间提供了一个基于 TCP 连 ...

  7. .NET 的 WebSocket 开发包比较(转)

    .NET 的 WebSocket 开发包比较 编者按 本文出现在第三方产品评论部分中.在这一部分的文章只提供给会员,不允许工具供应商用来以任何方式和形式来促销或宣传产品.请会员报告任何垃圾信息或广告. ...

  8. .NET 的 WebSocket 开发包比较

    编者按 本文出现在第三方产品评论部分中.在这一部分的文章只提供给会员,不允许工具供应商用来以任何方式和形式来促销或宣传产品.请会员报告任何垃圾信息或广告. Web项目常常需要将数据尽可能快地推送给客户 ...

  9. Websocket实例

    C#版Websocket实例 websocket有java.nodejs.python,Php等等版本,我使用的是C#版本,服务器端是Fleck,github地址:https://github.com ...

随机推荐

  1. vue工程 使用滚动组件 vue2-better-scroll 实现上拉加载 下拉刷新

    vue2-better-scroll 关于具体安装&使用过程 请移步api文档 已经很详细了 而且超清晰明了. https://cnpmjs.org/package/vue2-better-s ...

  2. 网关集成Swagger出现404错误

    原因是忘了在需要生成api的类上加入注解  @EnableSwagger2Doc

  3. C#中对虚拟属性和抽象属性的重写有什么异同

           public abstract class A         {             //抽象属性不能有实现代码             public abstract strin ...

  4. axios 请求中的Form Data 与 Request Payload的区别

    在vue项目中使用axios发post请求时候,后台返回500. 发现是form Data 和 Request payload的问题. 后台对两者的处理方式不同,导致我们接收不到数据. 解决方案:使用 ...

  5. [Leetcode] 攻略计划

    在同龄人中我的逻辑思维应该是中下水平,要好好练练.而训练的内容之一,就是解决信息问题,锻炼建模能力. 今天先从队列和栈开始,这两种数据结构大概是计算机和许多程序中最重要的组成部分了.

  6. 整体单改，单局部改，整体局部改，ListSerializer类

    复习 """ 1.ModelSerializer序列化类 models.py class BaseModel(models.Model): is_delete = mod ...

  7. 【资源分享】Dll Injector（DLL注入器）

    *----------------------------------------------[下载区]----------------------------------------------* ...

  8. CSS学习（1）简介

    什么是 CSS? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与 ...

  9. 关于C++指针、引用和const关键字的各种关系

    #include <stdio.h> #include<iostream> using namespace std; typedef char *new_type; int m ...

  10. Go语言 二分查找算法的实现

    二分查找也称折半查找(Binary Search),它是一种效率较高的查找方法.但是,二分查找算法的前提是传入的序列是有序的(降序或升序),并且有一个目标值. 二分查找的核心思想是将 n 个元素分成大 ...