Websocket实例

时间：2021-08-26 22:06:41

C#版Websocket实例

websocket有java、nodejs、python，Php等等版本，我使用的是C#版本，服务器端是Fleck，github地址：https://github.com/statianzo/Fleck

这篇博客就是引用上面的一个例子教你如何使用客户端和服务器端来使用websocket的，对于英文还不错的同学，直接看上面 的源代码就可以了，下面开始讲解如何使用：

在说之前我们先来看看哪些浏览器支持websocket:

WebSocket客户端支持
浏览器 支持情况
Chrome Chrome version 4+支持
Firefox Firefox version 5+支持
IE IE version 10+支持
Safari IOS 5+支持
Android Brower Android 4.5+支持
WebSocket 服务端支持
厂商 应用服务器 备注
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＋支持，7.0.2X 及 7.0.3X 通过自定义 API 支持
  Jetty Jetty 7.0＋支持

现在我们看看浏览器端如何实现：

Websocket实例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

    <title>websocket client</title>

    <script type="text/javascript">

        var start = function () {

            var inc = document.getElementById('incomming');

            var wsImpl = window.WebSocket || window.MozWebSocket;

            var form = document.getElementById('sendForm');

            var input = document.getElementById('sendText');

            inc.innerHTML += "connecting to server ..<br/>";

            // create a new websocket and connect

            window.ws = new wsImpl('ws://localhost:7181/');

            // when data is comming from the server, this metod is called

            ws.onmessage = function (evt) {

                inc.innerHTML += evt.data + '<br/>';

            };

            // when the connection is established, this method is called

            ws.onopen = function () {

                inc.innerHTML += '.. connection open<br/>';

            };

            // when the connection is closed, this method is called

            ws.onclose = function () {

                inc.innerHTML += '.. connection closed<br/>';

            }

            form.addEventListener('submit', function (e) {

                e.preventDefault();

                var val = input.value;

                ws.send(val);

                input.value = "";

            });

        }

        window.onload = start;

    </script>

</head>

<body>

    <form id="sendForm">

        <input id="sendText" placeholder="Text to send" />

    </form>

    <pre id="incomming"></pre>

</body>

</html>
Websocket实例

服务器端我使用的是C#的控制台程序：

Websocket实例
using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using Fleck;

namespace TopoWebSocket

{

    class Program

    {

        static void Main(string[] args)

        {

            FleckLog.Level = LogLevel.Debug;

            var allSockets = new List<IWebSocketConnection>();

            var server = new WebSocketServer("ws://0.0.0.0:7181");

            server.Start(socket =>

            {

                socket.OnOpen = () =>

                {

                    Console.WriteLine("Open!");

                    allSockets.Add(socket);

                };

                socket.OnClose = () =>

                {

                    Console.WriteLine("Close!");

                    allSockets.Remove(socket);

                };

                socket.OnMessage = message =>

                {

                    Console.WriteLine(message);

                    allSockets.ToList().ForEach(s => s.Send("Echo: " + message));

                };

            });

            var input = Console.ReadLine();

            while (input != "exit")

            {

                foreach (var socket in allSockets.ToList())

                {

                    socket.Send(input);

                }

                input = Console.ReadLine();

            }

        }

    }

}
Websocket实例

注意要引用：using Fleck;这个在上面的链接里面已经提供了。代码都写好后，我们来运行下服务器端吧，客户端也可以，总之两个都运行好：如图：

Websocket实例

现在你可以客户端向服务器端发送消息了，我们试试，输入你好世界：

Websocket实例

然后我们再在服务器端发送消息给浏览器试试，如，HelloWorld

Websocket实例

也成功了，呵呵，是不是很神奇，现在可以添加自己 的业务逻辑在里面了，是不是 觉得前后台通信变得简单了。

总结：

1、这个例子不是我写的，我只不过在github上拿过来给你们介绍，你们可以通过上面的例子fork下源代码，自己看看分析分析别人是怎么用的

2、如果有问题可以q我：1576410833

3、参考资料：http://www.ibm.com/developerworks/cn/java/j-lo-WebSocket/

Websocket实例的更多相关文章

  1. C&num;版Websocket实例

    C#版Websocket实例   Demo地址:www.awbeci.xyz websocket有java.nodejs.python,Php等等版本,我使用的是C#版本,服务器端是Fleck,git ...

  2. WebSocket入门教程（五）-- WebSocket实例：简单多人聊天室

    from:https://blog.csdn.net/u010136741/article/details/51612594 [总目录]   WebSocket入门教程--大纲   [实例简介]   ...

  3. websocket实例&lpar;显示文件导入处理进度&rpar;

    大批量数据导入时,需要即时显示对文件的处理进度.考虑ajax轮询太浪费资源,使用websocket实现. 项目使用Spring MVC(3.1),与websocket结合要求版本4.0以上.所以没有使 ...

  4. Spring&plus;Netty&plus;WebSocket实例

    比较贴近生产,详见注释 一.pom.xml 具体太长,详见源码 </dependency> <dependency> <groupId>io.netty</g ...

  5. Django-channels 实现WebSocket实例

    引入 先安装三个模块 pip install channels pip install channels_redis pip install pywin32 创建一个Django项目和一个app 项目 ...

  6. html5 websocket 示例，websocket在线聊天，php websocket实例

    WebSocket在线测试工具 http://ws.douqq.com/ 1.连接格式为 ws://IP/域名:端口(示例ws://119.29.3.36:5354) 2.对于内网的测试环境,只需填入 ...

  7. Spring boot&plus;Websocket实例1

    简单的demo https://github.com/callicoder/spring-boot-websocket-chat-demo

  8. 用图解&amp&semi;&amp&semi;实例讲解php是如何实现websocket实时消息推送的

    WebSocket是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. 以前的推送技术使用 Ajax 轮询,浏览器需要不断地向服务器发送http请求来获取最新的数据,浪费很多的带 ...

  9. html5 WebSocket的Js实例教程

    详细解读一个简单+ ,附带完整的javascript websocket实例源码,以及实例代码效果演示页面,并对本实例的核心代码进行了深入解读. 从WebSocket通讯三个阶段(打开握手.数据传递. ...

随机推荐

  1. Axure 8&period;0&period;0&period;3312可用注册码

    用户名:aaa 注册码:2GQrt5XHYY7SBK/4b22Gm4Dh8alaR0/0k3gEN5h7FkVPIn8oG3uphlOeytIajxGU 用户名:axureuser 序列号:8wFfI ...

  2. 【Python数据分析】从Web收集数据小实例

    最近在看<鲜活的数据:数据可视化指南>,学习一些数据可视化与数据分析的技术,本例是该书第一章的一个例子衍伸而来. 实例内容:从www.wunderground.com收集美国纽约州布法罗市 ...

  3. Kettle&lowbar;设置变量的两种方法

    一个复杂的kettle作业一般包括很多子作业和转换,在主作业Start后通常会添加一个[设置变量]的流程,该流程的功能是为所有流程的公共变量设置通用值.       主作业添加的[设置变量]针对的是所 ...

  4. 【转载】GDB反向调试&lpar;Reverse Debugging&rpar;

    记得刚开始学C语言的时候,用vc的F10来调试程序,经常就是一阵狂按,然后一不小心按过了.结果又得从头再来,那时候我就问我的老师,能不能倒退回去几步.我的老师很遗憾地和我说,不行,开弓没有回头箭.这句 ...

  5. 【转】android 电容屏（三）：驱动调试之驱动程序分析篇

    关键词:android  电容屏 tp 工作队列 中断 坐点计算  电容屏主要参数平台信息:内核:linux2.6/linux3.0系统:android/android4.0  平台:S5PV310( ...

  6. XHTML 与 HTML 之间的差异

    最主要的不同: XHTML 元素必须被正确地嵌套. XHTML 元素必须被关闭. 标签名必须用小写字母. XHTML 文档必须拥有根元素.

  7. T-shirts Distribution

    T-shirts Distribution time limit per test 1 second memory limit per test 256 megabytes input standar ...

  8. 【HTML】canvas学习小结

    1. 绘制基本图形 -----上下文---------------------------------------------------------- canvas.getContext('2d') ...

  9. linphone-android-客户端APP-工程解读

    LinphoneLauncherActivity 是APP的入口组件,在这个组件里,它会启动LinphoneService这个后台服务,然后不断地判断这个后台服务是否已经启动完毕,如果已经启动完毕后, ...

  10. element-ui &lt&semi;el-input&gt&semi; &plus;&lt&semi;el-tree&gt&semi;使用

    <template> <!-- 需求:通过点击<el-input> 将<el-tree>树型结构打开,选中<el-tree>某个值显示在<e ...

相关文章