• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    基于HTML5的WebSocket的实例代码

    基于HTML5的WebSocket的实例代码

    客户端代码:

    <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 login(){
    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="login();">发送</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));
    };
    });
    }
    }
    }

    总结

    以上所述是小编给大家介绍的基于HTML5的WebSocket的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    上一篇:基于Html5实现的react拖拽排序组件示例
    下一篇:HTML5中canvas中的beginPath()和closePath()的重要性
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    基于HTML5的WebSocket的实例代码 基于,HTML5,的,WebSocket,实例,