效果图

（前沿）.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. UOJ#346. 【清华集训2017】某位歌姬的故事 动态规划

    原文链接www.cnblogs.com/zhouzhendong/p/UOJ346.html 题解 首先按照 $m_i$ 的大小排个序. 如果某一个区间和一个 m 值比他小的区间有交,那么显然可以将这 ...

  2. 动态网页获取ajax,post方法,url里面不直接显示参数

    记录一下,爬去ajax数据时,需要注意一下是post方法还是get方法,get方法就正常做就行了,但是post方法的话,需要这样,如下 a = requests.request('post',url) ...

  3. 微信小程序1

    本次项目主要了解及使用微信小程序,以及更好的理解微信动画,wxss,JavaScript,ajax,xml等技术: 借助的平台是java后端设计语言以及微信小程序界面,设计 该系统分为1,个人用户端: ...

  4. 计蒜客 踏青 dfs

    题目: https://www.jisuanke.com/course/2291/182234 思路: 紫书P163联通块问题. 1.遍历所有块,找到草地,判断合法性,合法其id值加一,最后加出来的i ...

  5. Java Concurrency in Practice——读书笔记

    Thread Safety线程安全 线程安全编码的核心,就是管理对状态(state)的访问,尤其是对(共享shared.可变mutable)状态的访问. shared:指可以被多个线程访问的变量 mu ...

  6. 关于H5在微信浏览器内自动转格式，导致不能正常打开的问题

    从最近开始,微信朋友圈打开我们的H5页面有时会出现了“此网页已被QQ浏览器重新排版”的提示,直接结果就是导致H5网页或H5小游戏不能正常显示了!!这个问题什么严重,不知道腾讯又是怎么考虑的,难道真的是 ...

  7. eclipse自身导致的项目问题：上边提示需要移除无用包，下边类提示需要导入包。

  8. redis + cookies 实现持久登入

    通过登入把用户信息和token加载到redis中去, 将token和部分用户信息存储在cookie中, 下次登入时 判断cookie的token在redis中是否存在, 存在就把用户信息加载出来自动登 ...

  9. lavarel5.2官方文档阅读——架构基础

    <目录> 1.请求的生命周期 2.应用的架构 3.服务提供者 4.服务容器 5.Facades外立面(从这节起,看中文版的:https://phphub.org/topics/1783) ...

  10. js 面向对象的三大特性：封装，继承、多态

    一:什么是封装? 封装的定义:就是对象内部的变化对外界是透明的,不可见的. 封装的场景: 在写项目的过程中,有时候不同页面,会有相同的功能,我们还需要每个页面都写一遍吗?额,,,,其实也可以写的,只不 ...