效果图

（前沿）.WebSocket是一种基于TCP/IP通讯一种新的通讯协议,它实现了服务器和客户端双工通讯,允许服务器主动发送给客户端.

(浏览器对Socket的支持) .

  • 浏览器 支持情况 Chrome谷歌浏览器 Chrome version 4+支持
  • Firefox火狐浏览器 Firefox version 5+支持
  • IE微软浏览器 IE version 10+支持（我们一般win7自带的是IE11）
  • Safari苹果浏览器 IOS 5+支持
  • Android Brower安卓浏览器 Android 4.5+支持

服务器对Socket的支持

  • 厂商 应用服务器 备注 IBM WebSphere WebSphere 8.0以上版本支持，
  • 7.X之前版本结合MQTT支持类似的HTTP长连接 甲骨文 WebLogic WebLogic 12c 支持，
  • 11g以及10g版本通过HTTP Publish支持类似的HTTP长连接 微软 IIS IIS 7.0+支持
  • Apache Tomcat Tomcat 7.0.5+支持   Jetty Jetty 7.0+支持

cs

using Fleck;

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

namespace socketDemo

{

    class Program

    {

        static void Main(string[] args)

        {

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

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

            //创建

            WebSocketServer server = new WebSocketServer("ws://0.0.0.0:30000");//监听所有的的地址

            //出错后进行重启

            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;

                    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();

        }

    }

}

html:

<!DOCTYPE html>

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

<head>

    <meta charset="utf-8" />

    <title>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:30000");

            webSocket.onopen = WebSokectOnOpen;

            webSocket.onmessage = WebSocketOnMessage;

            webSocket.onclose = WebSocketOnClose;

        };

        //建立连接事件

        function WebSokectOnOpen() {

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

            webSocket.Send("WebSocketCreate Success!");

        };

        //监听事件

        function WebSocketOnMessage(event) {

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

            alert(event.data);

        };

        function WebSocketOnClose() {

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

            alert('和服务器断开连接');

        };

        //发送事件

        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>

Fleck For Web Socket的更多相关文章

  1. web socket (记录下来方便观看)

    Web Sockets HTML5 WebSocket 设计出来的目的就是要取代轮询和 Comet 技术,使客户端浏览器具备像 C/S 架构下桌面系统的实时通讯能力. 浏览器通过 JavaScript ...

  2. Node.js + Web Socket 打造即时聊天程序嗨聊

    前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...

  3. HTML5：web socket 和 web worker

    a:hover { cursor: pointer } 做练习遇到了一个选择题,是关于web worker的,问web worker会不会影响页面性能?补习功课之后,答案是不会影响. 查阅了相关资料学 ...

  4. 【转】轮询、长轮询、iframe长连接、web socket

    引自:http://www.cnblogs.com/AloneSword/p/3517463.html http://www.cnblogs.com/wei2yi/archive/2011/03/23 ...

  5. ASP.NET Web API上实现 Web Socket

    1. 什么是Web Socket Web Socket是Html5中引入的通信机制,它为浏览器与后台服务器之间提供了基于TCP的全双工的通信通道.用以替代以往的LongPooling等comet st ...

  6. Comet、SSE、Web Socket

    来自<javascript高级程序设计 第三版:作者Nicholas C. Zakas>的学习笔记(十一) Comet Comet是一种更加高级的Ajax技术("服务器推送&qu ...

  7. web socket 心跳包的实现方案

    web socket 心跳包的实现方案05/30/2010 现在网络环境错综复杂,socket心跳包是获得健康强壮的连接的有效解决方案,今天,我们就在web socket中实现心跳包方案,是的,尽管我 ...

  8. web socket教程

    web socket是一种网络通信协议,很多网页应用中都会使用到它,比如聊天室,选票等等. 一.为什么需要WebSocket? HTTP是无连接(无连接的含义是限制每次连接只处理一个请求.服务器处理完 ...

  9. java版Web Socket，实现消息推送

    # web socket是什么? WebSocket协议是基于TCP的一种新的网络协议. 它实现了浏览器与服务器全双工(full-duplex)通信,允许服务器主动发送信息给客户端. ## 用途 实时 ...

随机推荐

  1. 推荐学习git

    龙恩博客http://www.cnblogs.com/tugenhua0707/p/4050072.html#!comments git命令大全https://www.jqhtml.com/8235. ...

  2. 【spring】-- springboot配置全局异常处理器

    一.为什么要使用全局异常处理器? 什么是全局异常处理器? 就是把错误异常统一处理的方法. 应用场景: 1.当你使用jsr303参数校验器,如果参数校验不通过会抛异常,而且无法使用try-catch语句 ...

  3. android 第一次作业

    天气预报界面截图: 源码coding地址:https://coding.net/u/dsy1600802076/p/android/git/tree/master

  4. js判断时间段

    开始时间小于结束时间的判断,下面是封装号的方法,直接可以调用: var data = new Date(); var year = data .getFullYear(); //获取完整的年份(4位) ...

  5. ionic基于GPS定位并通过百度地图获取定位详细信息

    相信所有的前端攻城狮都会碰到移动端App.里面获取用户定位信息. 那么问题来了,怎么获取用户的定位信息(经纬度)呢. 当然方法有很多,通过百度地图API 以及 高德地图 API都是可以的.但是两个获取 ...

  6. React（九）create-react-app创建项目 + 按需加载Ant Design

    (1)create-react-app如何创建项目我前面第一章介绍过了,这里就不过多写了, (2)我们主要来说说按需加载的问题 1. 引入antd npm install antd --save 2. ...

  7. 推荐一些iOS博客

    公司性质的: 公司 地址 美团 http://tech.meituan.com/archives 个人博客: 博主 地址 (斜体的技术文章较少) 王巍(onevcat) https://onevcat ...

  8. java中class文件与jar文件

    1. JAR 文件包 JAR 文件就是 Java Archive File,顾名思意,它的应用是与 Java 息息相关的,是 Java 的一种文档格式.JAR 文件非常类似 ZIP 文件——准确的说, ...

  9. 4.再来看看逆向——OD的简介

    目录 1.前言 2.一些设置和配置 3.开始了解OD 代码窗口 数据窗口 小端序问题 前言 前3节主要写了恶意代码用到的手段,接下来先写一下关于逆向调试的一些内容.毕竟逆向比较难理解一点. 一些配置和 ...

  10. 基于Jmeter的thrift-RPC接口测试

    根据需求,产品部分功能采用thrift-RPC协议进行接口的增.删.改.查,前期采用Junit对其进行测试,为了提高RPC接口测试的简洁化和后期的性能测试需求,打算通过Jmeter的java类测试实现 ...