客户端代码：

 <html>

 <head>

 <script>

 var socket;

 if ("WebSocket" in window) {

 var ws = new WebSocket("ws://127.0.0.1:8181");

 socket = ws;

 ws.onopen = function() {

 console.log('连接成功');

 };

 ws.onmessage = function(evt) {

 var received_msg = evt.data;

 document.getElementById("showMes").value+=evt.data+"\n";

 };

 ws.onclose = function() {

 alert("断开了连接");

 };

 } else {

 alert("浏览器不支持WebSocket");

 }

 function sendMes(){

 var message=document.getElementById("name").value+":"+document.getElementById("mes").value;

 socket.send(message);

 }

 </script>

 </head>

 <body>

 <textarea rows="3" cols="30" id="showMes" style="width:300px;height:500px;"></textarea>

 <br/>

 <label>名称</label>

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

 <br/>

 <label>消息</label>

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

 <button onclick="sendMes();">发送</button>

 </body>

 </html>

winform服务端代码：

注：需先引入Fleck包

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Windows.Forms;

 using Fleck;

 namespace socketService

 {

 public partial class Form1 : Form

 {

 public Form1()

 {

 InitializeComponent();

 CheckForIllegalCrossThreadCalls = false;

 }

 private void Form1_Load(object sender, EventArgs e)

 {

 //保存所有连接

 var allSockets = new List<IWebSocketConnection>();

 //初始化服务端

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

 //开始监听

 server.Start(socket =>

 {

 //有客户端连接触发

 socket.OnOpen = () =>

 {

 textBox3.Text += socket.ConnectionInfo.ClientIpAddress + " 连接 \r\n";

 allSockets.Add(socket);

 };

 //有客户端断开触发

 socket.OnClose = () =>

 {

 textBox3.Text += socket.ConnectionInfo.ClientIpAddress + " 断开连接 \r\n";

 allSockets.Remove(socket);

 };

 //接收客户端发送的消息

 socket.OnMessage = message =>

 {

 textBox3.Text += socket.ConnectionInfo.ClientIpAddress + " 发送了消息：" + message + "\r\n";

 //发送接收到的消息给所有客户端

 allSockets.ToList().ForEach(s => s.Send(message));

 };

 });

 }

 }

 }

基于H5的WebSocket简单实例的更多相关文章

  1. html5+go+websocket简单实例代码

    这次的就直接发放代码截图吧,应该是用go语言做后台一个简易的聊天,这里没用到什么特别的知识,最朴实的来实现效果,主要目的是分享下h5怎么用websocket,go搭建websocket服务的主要部分. ...

  2. websocket简单实例

    只需要两个文件即可,一个服务端,一个前端,一下示例为模拟简单的聊天程序: 服务端: package com.test.websocket; import java.io.IOException; im ...

  3. 基于CSOCKET的Client简单实例（转）

    原文转自 http://blog.csdn.net/badagougou/article/details/78410382 第一步:创建一个基类为CSOCKET类的新类,Cclient,并在主对话框类 ...

  4. 【微信支付】分享一个失败的案例 跨域405(Method Not Allowed)问题 关于IM的一些思考与实践 基于WebSocketSharp 的IM 简单实现 【css3】旋转倒计时 【Html5】-- 塔台管制 H5情景意识 --飞机 谈谈转行

    [微信支付]分享一个失败的案例 2018-06-04 08:24 by stoneniqiu, 2744 阅读, 29 评论, 收藏, 编辑 这个项目是去年做的,开始客户还在推广,几个月后发现服务器已 ...

  5. go语言从零学起(四) -- 基于martini和gorilla实现的websocket聊天实例

    如果只是想了解chat的实现方式,在gorilla和revel框架里面都有完整的chat实例可以提供参考.本篇讲解的是,如何基于martini实现websocket的聊天. 配置步骤: 1 已经安装了 ...

  6. SignalR代理对象异常：Uncaught TypeError: Cannot read property 'client' of undefined 推出的结论 SignalR 简单示例 通过三个DEMO学会SignalR的三种实现方式 SignalR推送框架两个项目永久连接通讯使用 SignalR 集线器简单实例2 用SignalR创建实时永久长连接异步网络应用程序

    SignalR代理对象异常:Uncaught TypeError: Cannot read property 'client' of undefined 推出的结论   异常汇总:http://www ...

  7. 基于h5的图片无刷新上传(uploadifive)

    基于h5的图片无刷新上传(uploadifive) uploadifive简介 了解uploadify之前,首先了解来一下什么是uploadify,uploadfy官网,uploadify和uploa ...

  8. WebSocket简单介绍

    Java后端WebSocket的Tomcat实现 一.WebSocket简单介绍 随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了.近年来,随着HTML5的诞生,WebSoc ...

  9. ajax原理总结附简单实例及其优点

    在工作中用了Ajax N多次了,也看过一些相关方面的书籍,也算是认识了它,但是一直没有认真总结和整理过相关的东东,失败! 近有闲情,将之总结如下: [名称] Ajax是Asynchronous Jav ...

随机推荐

  1. FPGA中带优先级的if else if与不带优先级的case的探讨

    我们知道在书本上都说让我们尽量使用不带优先级的的数据选择器,今天我们就来探讨一下二者的区别. 例子1:带优先级的的数据选择器,综合成功,且没有任何警告. module detection_prio # ...

  2. 背水一战 Windows 10 (110) - 通知（Tile）: secondary tile 模板之基础, secondary tile 模板之文本

    [源码下载] 背水一战 Windows 10 (110) - 通知(Tile): secondary tile 模板之基础, secondary tile 模板之文本 作者:webabcd 介绍背水一 ...

  3. 弹性盒子模型属性之flex-shrink

    上一次,我们已经了解过flex-grow的具体用法后,这周,让我们一起来见一下flex-basis这个属性. flex-shrink 定义项目的缩小比例,默认值为1,注意前提是空间不足的情况下,项目缩 ...

  4. clion打断点不生效

    打开CLion的偏好设置(Preferences),选择Build,Execution,Deployment->Toolchains,将Debugger中的Bundled LLDB修改为Bund ...

  5. canvas转图片中的文字自动换行

    概述 最近项目用到了canvas转图片,但是由于canvas对文字排版的支持非常弱,一般我们在canvas上画不同排版的文字(比如竖排文字)都是利用js计算横纵坐标,然后一个字一个字地画出来,今天无意 ...

  6. JSP内置对象的使用(一)

    JSP九大内置对象是:request.response.session.application.out.pagecontext.config.page.exception. JSP常用的内置对象是:o ...

  7. Java异常处理 10 个最佳实践

    异常处理是Java 开发中的一个重要部分.它是关乎每个应用的一个非功能性需求,是为了处理任何错误状况,比如资源不可访问,非法输入,空输入等等.Java提供了几个异常处理特性,以try,catch 和 ...

  8. Mac OS Sierra如何打开任何来源

    我们知道在Mac升级到最新的Mac OS Sierra系统之后,随之而来的是第三方应用都无法打开,提示的是无法打开或扔进废纸篓.而在之前的版本系统中,我们知道在系统偏好设置-->安全性与隐私-- ...

  9. 【log4j2】log4j的升级版log4j2的简单入门使用

    1.jar包 log4j-api.jar    +    log4j-core.jar maven仓库配置: <dependency> <groupId>org.apache. ...

  10. 最优路径算法合集（附python源码）（原创）

    主要的最优(最短)路径算法: 一.深度优先算法:二.广度优先算法:三.Dijstra最短路径:四.floyd最短路径(待): 一.深度优先算法 图的深度优先搜索(Depth First Search) ...