asp.net mvc signalr简单聊天室制作过程分析

曾经听说过SignalR的神奇与实用，但我未曾亲自尝试，只是停留在文章上的了解。最近由于项目的需要，我决定亲自写个小程序测试一下SignalR。

我所处的环境是VS2013、ASP.NET MVC 5、SignalR 2.2.1以及jQuery 1.10.2。当我开始动手实践的时候，我发现SignalR确实简单易用。

在开始之前，我先给大家展示一下最终的效果。系统会为加入聊天室的每个人分配一个独特的ID标识。绿色代表当前用户说的话，橙色则是其他用户的发言。在不同的窗口中，当前用户的身份会有所不同。

接下来，我粗略地叙述一下开发步骤。通过NuGet安装SignalR，这样可以省去很多麻烦。接着，修改startup.cs文件，这是很重要的一步，因为我在一开始的时候就漏了这一步，导致始终无法生成/signalr/hubs，浏览器提示找不到。

然后，创建一个Hub。在安装了SignalR的NuGet包之后，你会看到相应的分类。我创建了一个名为ChatHub的Hub类，也可以创建一个普通类，继承自Microsoft.AspNet.SignalR.Hub。在ChatHub类中，我简单地编写了一个Send方法。需要注意的是，这个方法名周围有两个方法需要注意。

在页面的调用部分，需要引用三个主要的脚本：jquery、signalr和hubs。由于SignalR依赖于jQuery，所以这三个脚本的引用顺序是严格规定的，不能随意调换。在页面内容中，需要注意几个红框中的地方，如ChatHub类的创建、hub的名称定义以及客户端和服务端的调用方法。这些都是根据SignalR的版本不同而有所变化的，使用时需要注意。

到此为止，一个简单的开发流程就结束了。打开两个或两个以上的窗口，就可以发送消息进行聊天了。大家可以试试看，体验一下SignalR的魅力。至于页面的样式，我就不多做展示了，因为我只是简单地倒腾了一下，可能不够规范和整洁。

这篇文章主要分享了ASP.NET MVC下的SignalR简单聊天室制作过程。希望对大家的学习有所帮助，也希望大家能够支持狼蚁SEO。如果你对SignalR感兴趣的话，不妨尝试一下这个小程序，感受一下它的魅力吧！