基于.net C#实现websocket消息推送

一、准备环境
IIS需支持websocket协议,同时需要配置进行如下配置
在这里插入图片描述
在这里插入图片描述
websocket 宿主配置完成。
二、实现方法
我采用两种方式进行测试:
1、基于webapi作为服务端
2、一般处理程序作为服务端
两种形式,实际都一样,只不过相对于客户端来说,请求路径和方式不同而已。
最主要的还是websoket组件部分,这里使用的是第三方的组件Fleck实现,有了这个组件很容易实现websocket服务创建了。如下:

using Fleck;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace WebSocketTest.DAL
{
    public class TestSocket
    {
        private string msg = "默认信息";
        public void socketServer() {
            string serverIP = System.Configuration.ConfigurationManager.AppSettings["serverIP"];
            var allSockets = new List<IWebSocketConnection>();
            var server = new WebSocketServer(serverIP);
            server.Start(socket =>//服务开始
            {
                socket.OnOpen = () =>
                {
                    Console.WriteLine("Open!");
                    allSockets.Add(socket);
                };
                socket.OnClose = () =>
                {
                    Console.WriteLine("Close!");
                    allSockets.Remove(socket);
                };
                socket.OnMessage = message =>
                { //客户端交互的消息
                    System.Timers.Timer t = new System.Timers.Timer(1000);//实例化Timer类,设置间隔时间为10000毫秒;
                    t.Elapsed += new System.Timers.ElapsedEventHandler(theout);//到达时间的时候执行事件;
                    t.AutoReset = true;//设置是执行一次(false)还是一直执行(true);
                    t.Enabled = true;//是否执行System.Timers.Timer.Elapsed事件;
                    allSockets.ToList().ForEach(s => s.Send("Echo: " + msg));
                };
            });


        }

        public void theout(object source, System.Timers.ElapsedEventArgs e)

        {
            msg = GetRandomString();


        }

        ///<summary>
        ///生成随机字符串 --用于测试随机发送
        ///</summary>
        ///<param name="length">目标字符串的长度</param>
        ///<param name="useNum">是否包含数字,1=包含,默认为包含</param>
        ///<param name="useLow">是否包含小写字母,1=包含,默认为包含</param>
        ///<param name="useUpp">是否包含大写字母,1=包含,默认为包含</param>
        ///<param name="useSpe">是否包含特殊字符,1=包含,默认为不包含</param>
        ///<param name="custom">要包含的自定义字符,直接输入要包含的字符列表</param>
        ///<returns>指定长度的随机字符串</returns>
        public static string GetRandomString()
        {
            byte[] b = new byte[4];
            new System.Security.Cryptography.RNGCryptoServiceProvider().GetBytes(b);
            Random r = new Random(BitConverter.ToInt32(b, 0));
            string s = null, str ="";
            str += "我们都有一个家abcdefghijklmnopqrstuvwxyz123456789";
            for (int i = 0; i < 15; i++)
            {
                s += str.Substring(r.Next(0, str.Length - 1), 1);
            }
            return s;
        }
    }
}

配置文件部分

  <appSettings>
    <add key="webpages:Version" value="3.0.0.0" />
    <add key="webpages:Enabled" value="false" />
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
    <!--用于配置websocket通信的地址   var server = new WebSocketServer(serverIP);-->
    <add key="serverIP" value="ws://127.0.0.1:8881" />
  </appSettings>

webapi代码如下

   [RoutePrefix("api/server")]
    public class ValuesController : ApiController
    {
        [HttpGet,Route("getmsg")]
        public void getmsg() {
            TestSocket t = new TestSocket();//调用websocket工具类
            t.socketServer();
        }
    }

一般处理程序代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using WebSocketTest.DAL;

namespace WebSocketTest
{
    /// <summary>
    /// test 的摘要说明
    /// </summary>
    public class test : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            TestSocket t = new TestSocket();
            t.socketServer();
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

前端页面部分

<html>
<head>
    <meta charset="UTF-8"></meta>
    <title>.net项目WebSocket</title>
</head>
<body>
    <h3>.net项目WebSocket</h3>
    <h4>测试说明</h4>
    <h5>文本框中数据数据,点击‘发送测试’,文本框中的数据会发送到后台websocket,后台接受到之后,会再推送数据到前端,展示在下方;点击关闭连接,可以关闭该websocket;可以跟踪代码,了解具体的流程;代码上有详细注解</h5>
    <br />
    <input id="text" type="text" />
    <button onclick="send()">发送测试</button>
    <hr />
    <button onclick="clos()">关闭连接</button>
    <hr />
    <div id="message"></div>
    <script>
    var websocket = null;
    if('WebSocket' in window){
        websocket = new WebSocket("ws://127.0.0.1:8888/test.ashx");//服务端访问的路径,如果是webapi则用api路由路径即可
    }else{
        alert("您的浏览器不支持websocket");
    }
    websocket.onerror = function(){
        setMessageInHtml("send error!");
    }
    websocket.onopen = function () {

        setMessageInHtml("connection success!")
    }
    websocket.onmessage  = function(event){
        setMessageInHtml(event.data);
    }
    websocket.onclose = function(){
        setMessageInHtml("closed websocket!")
    }
    window.onbeforeunload = function(){
        clos();
    }
    function setMessageInHtml(message){
        document.getElementById('message').innerHTML += message;
    }
    function clos(){
        websocket.close(3000,"强制关闭");
    }
    function send(){
        var msg = document.getElementById('text').value;
        websocket.send(msg);
    }
    </script>
</body>
</html>

备注:该页面的内容我是用的别人写的,自己没写,目的看看效果,由衷感谢那位朋友!

效果展示
在这里插入图片描述
随机打印出一大堆随机字符串,测试通过。
在这里插入图片描述
在这里插入图片描述

  • 2
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值