客户端代码：

 <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. #224 Profile Lookup (for in & if )

    我们有一个对象数组,里面存储着通讯录. 函数 lookUp 有两个预定义参数:firstName值和prop属性 . 函数将会检查通讯录中是否存在一个与传入的 firstName 相同的联系人.如果存 ...

  2. SpringMVC框架出现 405 request method post not supported 的解决方法

    在SpringMVC框架中当使用post请求服务,然后请求成功转到一个静态文件,如html,htm等网页时.页面出现405 request method post not supported错误,只要 ...

  3. 1.1.1 PROB Your Ride Is Here

    === /* ID: luopengting PROG: ride LANG: C++ */ #include <iostream> #include <cstdio> #in ...

  4. Java垃圾回收概览

    GC要解决三个主要的问题: 哪些内存需要回收? 什么时候回收? 如何回收? 哪些内存需要回收? 最简单的是引用计数(reference count),缺陷是无法解决循环引用.于是更快点的算法是可达性分 ...

  5. Xftp5软件使用详解

    一.首先运行Xftp5,然后导航栏上面有个小加号,点击进去. 二.接着出现如下界面,在这里填写名称(这个随意填写),主机填写要连接的主机的IP地址,然后协议的话,Linux系统一般选择SFTP协议,端 ...

  6. Javascript高级编程学习笔记（37）—— DOM（3）Element

    Element类型 除了Document类型之外,Element类型应该就是web编程中最常用的类型了 Element类型主要用于表现XML.HTML元素,提供对元素标签名.子节点以及特性的访问 特性 ...

  7. springbean的生命周期

    1.Spring对Bean进行实例化(相当于程序中的new Xx())2.Spring将值和Bean的引用注入进Bean对应的属性中3.如果Bean实现了BeanNameAware接口,Spring将 ...

  8. 开源框架SpringMvc和Struts2的区别

    1.机制 spring mvc 和 struts2的加载机制不同:spring mvc的入口是servlet,而struts2是filter:(servlet和filter的区别?) 2.性能 spr ...

  9. 通过 Emoji 表情标识 Git 每次提交的信息

    在 Git 提交时我们可以通过附加 emoji 表情来着重提醒其他开发人员本次地更改重点,也就是说我们可通过不同的表情可以快速地知道这次提交具体做了哪方面地工作. 比如说本次提交我添加了一个新的单元测 ...

  10. mysql 开发进阶篇系列 3 SQL 优化(索引使用方法)

    一. 本章介绍mysql中的索引的分类,存储,使用方法的介绍 1.  索引的存储分类 MyISAM存储引擎的表的数据和索引是自动分开存储的,各自是独立的一个文件, innodb 存储引擎的表的数据和索 ...