html5 php的小例子,html5实现的WebSocket一个小例子（附代码）

本篇文章给大家带来的内容是关于html5实现的WebSocket一个小例子(附代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

客户端代码：

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);

}

名称

消息

发送

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();

//初始化服务端

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));

};

});

}

}

}

相关推荐：