客户端代码：

 <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. 继承Thread类和实现Runnable接口

    一.采用继承Thread类方法的特点: 优势:编写简单,如果需要访问当前的线程,只需要使用this,并可以在run()方法中调用其他线程的方法: 劣势:线程已经继承了Thread类,不能继承其他的父类 ...

  2. Delegate、Thread、Task、ThreadPool几种方式创建异步任务性能对比

    开始预测的结果是 Task>Delegate>ThreadPool>>Thread. (一)测试代码 static async Task<int> AsyncTas ...

  3. OO第一次博客总结

    虽然早在开学之前就已耳闻过OO这门课的威力,也在寒假自学了一些java的语法,但在真正面对OO这样的工程训练时才发现寒假所学的那点语法简直不值一提,也深刻的感受到在这个过程中自己的提升确实很快,毕竟d ...

  4. Must Know Tips/Tricks in Deep Neural Networks

    Must Know Tips/Tricks in Deep Neural Networks (by Xiu-Shen Wei)   Deep Neural Networks, especially C ...

  5. 如何在Linux(Ubuntu)上安装Redmine

    费话就不多说了,本文主要描述如何在如何在Linux(Ubuntu)上安装Redmine.通过这篇文章你将了解如下内容. TL;DR 在Linux(Ubuntu)上安装Redmine的基本流程 配置ph ...

  6. 还在使用SimpleDateFormat？

    阅读本文大概需要 3.2 分钟. 前言 日常开发中,我们经常需要使用时间相关类,想必大家对SimpleDateFormat并不陌生.主要是用它进行时间的格式化输出和解析,挺方便快捷的,但是Simple ...

  7. build.gradle文件的注释

    Gradle是一种依赖管理工具,基于Froovy语言,面向Java应用为主,它抛弃了基于xml的各种繁琐配置,取而代之的是一种基于Groovy的内部领域特定(DSL)语言. apply plugin: ...

  8. Python学习笔记【第三篇】：if判断、while循环、for循环

    如果某些条件满足,才能做某件事情,而不满足时不允许做,这就是所谓的判断 不仅生活中有,在软件开发中“判断”功能也经常会用到 if判断语句 if 要判断的条件: 条件成立 num = 50 if num ...

  9. 终于明白word-break属性——break-all和break-word的区别

      其实一直不明白,也没有认真去想过 word-break 属性的 break-all 和 break-word 有什么区别 后来看了一个大神写的一篇博客,写得很详细,看了豁然开朗. 所以,我也就不在 ...

  10. Spring MVC之中前端向后端传数据

    Spring MVC之中前端向后端传数据和后端向前端传数据是数据流动的两个方向, 在此先介绍前端向后端传数据的情况. 一般而言, 前端向后端传数据的场景, 大多是出现了表单的提交,form表单的内容在 ...