zoukankan      html  css  js  c++  java
  • C# 实现WebSocket通信

      本实例可通过web网页端进行测试,下面直接上代码。

      首先要在NuGet导入“Fleck”包,需 .NET Framework 4.5及以上。

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Threading;
    
    namespace Fleck.Samples.ConsoleApp
    {
        class Server
        {
            static void Main()
            {
                FleckLog.Level = LogLevel.Debug;
                var allSockets = new List<IWebSocketConnection>();
                var server = new WebSocketServer("ws://10.10.10.99:50000");
                server.Start(socket =>
                    {
                        socket.OnOpen = () =>
                            {
                                Console.WriteLine("Open!");
                                allSockets.Add(socket);
                            };
                        socket.OnClose = () =>
                            {
                                Console.WriteLine("Close!");
                                allSockets.Remove(socket);
                            };
                        socket.OnMessage = message =>
                            {
                                Console.WriteLine(message);
                                allSockets.ToList().ForEach(s => s.Send("Echo: " + message));
                            };
                    });
    
    
                var input = Console.ReadLine();
                while (input != "exit")
                {
                    foreach (var socket in allSockets.ToList())
                    {
                        socket.Send(input);
                    }
                    input = Console.ReadLine();
                }
    
            }
        }
    }

    接下来就是测试阶段,首先运行窗体程序。

    测试方法1:打开浏览器,F12进入调试模式,在Console中输入测试代码。(我使用的是谷歌浏览器)

    ws = new WebSocket("ws://10.10.10.99:50001");
    ws.onopen = function() { 
        ws.send('websocekt测试'); 
    };
    ws.onmessage = function(e) {
        alert("收到服务端的消息:" + e.data);
    };

    输入完毕后按回车执行,这时就可以在命令行中看到传过来的数据了。

    测试方法2:写html脚本进行通信。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
        <title>websocket client</title>
        <script type="text/javascript">
            var start = function () {
                var inc = document.getElementById('incomming');
                var wsImpl = window.WebSocket || window.MozWebSocket;
                var form = document.getElementById('sendForm');
                var input = document.getElementById('sendText');
    
                inc.innerHTML += "connecting to server ..<br/>";
    
                // create a new websocket and connect
                window.ws = new wsImpl('ws://10.10.10.99:50000/');
    
                // when data is comming from the server, this metod is called
                ws.onmessage = function (evt) {
                    inc.innerHTML += evt.data + '<br/>';
                };
    
                // when the connection is established, this method is called
                ws.onopen = function () {
                    inc.innerHTML += '.. connection open<br/>';
                };
    
                // when the connection is closed, this method is called
                ws.onclose = function () {
                    inc.innerHTML += '.. connection closed<br/>';
                }
    
                form.addEventListener('submit', function (e) {
                    e.preventDefault();
                    var val = input.value;
                    ws.send(val);
                    input.value = "";
                });
    
            }
            window.onload = start;
        </script>
    </head>
    <body>
        <form id="sendForm">
            <input id="sendText" placeholder="Text to send" />
        </form>
        <pre id="incomming"></pre>
    </body>
    </html>

    到这里就结束了,哪里说得不明确希望大家加以补充。

    参考:

      https://www.cnblogs.com/cjm123/p/9674506.html

  • 相关阅读:
    手机各种JS语法,随时更新
    ionic上拉加载-下拉刷新
    JS获取浏览器信息及屏幕分辨率
    jQuery元素的显示、隐藏及动画
    jQuery原型
    表单序列化为对象
    html里的ajax数据传输
    面试技巧-互联网行业通吃
    jquery表单验证validate
    Javascript缓动动画原理
  • 原文地址:https://www.cnblogs.com/swjian/p/10553689.html
Copyright © 2011-2022 走看看