客户端代码：

 <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. Memcached未授权访问

    概念 memcached是一个内存中的键值存储区,用于存储来自数据库调用.API调用或页面呈现结果的任意小数据块(字符串.对象).memcached简单但功能强大.其简单的设计促进了快速部署.易于开发 ...

  2. 6 week work 1

    CSS单位 em and rem: are often used to create scalable layouts, which maintain the vertical rhythm of t ...

  3. 制作系统U盘

    没有任何宣传软件成分昂,我就是这做的. 1.在百度搜索上搜索“通用PE大师”,点开了这个网站http://up.6615261.cn/index.html,打开之后如下图,下载这个二合一版本 2.在电 ...

  4. IO在Socket中的应用

    一.BIO 在JDK1.4出来之前,我们建立网络连接的时候采用BIO模式,需要先在服务端启动一个ServerSocket,然后在客户端启动Socket来对服务端进行通信,默认情况下服务端需要对每个连接 ...

  5. unity shader 常用函数列表

    此篇博客转自csdn的一位大牛. 中间排版出了一些问题 Intrinsic Functions (DirectX HLSL) The following table lists the intrins ...

  6. Openvswtich 学习笔记

    场景: 创建一个Virtual Switch,支持VLAN,支持MAC-Learning 包含下面四个Port: P1, truck port P2, VLAN 20 P3, P4 VLAN 30 包 ...

  7. 【分布式缓存系列】Redis实现分布式锁的正确姿势

    一.前言 在我们日常工作中,除了Spring和Mybatis外,用到最多无外乎分布式缓存框架——Redis.但是很多工作很多年的朋友对Redis还处于一个最基础的使用和认识.所以我就像把自己对分布式缓 ...

  8. 包建强的培训课程（12）：iOS深入学习（内存管理、Block和GCD等）

    @import url(/css/cuteeditor.css); @import url(http://i.cnblogs.com/Load.ashx?type=style&file=Syn ...

  9. 【高速接口-RapidIO】4、Xilinx RapidIO核详解

    一.RapidIO核概述 RapidIO核的设计标准来源于RapidIO Interconnect Specification rev2.2,它支持1x,2x和4x三种模式,每通道的速度支持1.25G ...

  10. Open系列相关概念汇总

    最近接触了Android OpenGL ES 和 OpenCL ES,然后就很想知道除了这两个之外到底还有几个Open系列的API集.搜集的结果如下(纯为自己科普): 1. OpenGL(OpenGr ...