Asp.net SignalR 应用并实现群聊功能 开源代码

ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库，可以简化开发人员将实时 Web 功能添加到应用程序的过程。实时 Web 功能是指这样一种功能：当所连接的客户端变得可用时服务器代码可以立即向其推送内容，而不是让服务器等待客户端请求新的数据。（来自官方介绍。）

SignalR官网

 -1、写这篇的原因

在上篇文章B/S(Web)实时通讯解决方案中，并没有详情介绍SignalR，所以另起一篇专门介绍SignalR，本文的侧重点是Hub功能。

 

0、先看最终实现效果

github:https://github.com/Emrys5/SignalRGroupChatDemo

在线演示：http://chat.lining.name/

 

1、准备工作

1.1、在NuGet上首先下载SignalR的包。

 

1.2、配置Owin与SignalR

1.2.1、新建Startup类，注册SignalR

1 public class Startup
2     {
3         public void Configuration(IAppBuilder app)
4         {
5             app.MapSignalR();
6         }
7     }

</div>

然后在web.config配置Startup类，在configuration=>appSettings节点中添加

<add key="owin:AppStartup" value="SignalRChat.App_Start.Startup"/>

 

1.2.2、在页面引入SignalR的js

1、由于SignalR前端是基于jQuery的，所以页面需引入jQuery。

2、引入SignalR的js 。

3、引入最重要的hubs js，这个js其实并不存在，SignalR会反射获取所有供客户端调用的方法放入hubs js中。

<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/jquery.signalR-2.2.1.min.js"></script> 
<script src="~/signalr/hubs"></script>

</div>

 

1.2.3、新建GroupChatHub类，并继承Hub抽象类

在hub类中的方法就是提供给客户端调用的js方法。

在js中就可以用signalr调用SendMsg。

[HubName("simpleHub")]
    public class SimpleHub : Hub
    { 
        public void SendMsg(string msg)
        {
             
        }

    }

</div>

 这样基本上前期准备工作就做完了，后面就是具体的操作。

 

2、原理与简单的编程

其实原理如果简单点理解就很简单，因为http是无状态的，所以每次请求以后都会与服务器断开链接，那就是说客户端可以很容易找到服务器，但是服务器如果想给你客户端发送消息就比较麻烦，如果不明白的可以参考上一篇文章 B/S(Web)实时通讯解决方案。

SignalR就很好的解决了这个问题，也就说实现了实现了浏览器与服务器的全双工通信。

 

2.1、客户端至服务端（B=>S）

客户端代码

<script  type="text/javascript">  
    var ticker = $.connection.simpleHub;
    $.connection.hub.start();

    $("#btn").click(function () {

        // 链接完成以后，可以发送消息至服务端
        ticker.server.sendMsg("需要发送的消息");
    });
    
</script>

</div>

服务端代码

　　[HubName("simpleHub")]
    public class SimpleHub : Hub
    {
        public void SendMsg(string msg)
        {
            // 获取链接id
            var connectionId = Context.ConnectionId; 
         // 获取cookie
            var cookie = Context.RequestCookies;

        }

    }

</div>

 

其中SimpleHub就是我们定义的继承Hub类SimpleHub，然后我们可以用特性HubName进行重命名。

然后开始链接。

在链接完成以后，我们就可以调用在SimpleHub类中调用的方法。这就就很简单的实现了客户端至服务端发送消息。

我们还可以在Context中获取我们想要的东西，比如链接id，cookie等。

 

2.2、服务端至客户端（S=>B）

服务端代码

 [HubName("simpleHub")]
    public class SimpleHub : Hub
    {
        public void SendMsg(string msg)
        {
            Clients.All.msg("发送给客户端的消息"); 
        }

    }

</div>