如何使用asp.net+mvc+signalr制作聊天室-创新互联

这篇文章主要介绍如何使用asp.net+mvc+signalr制作聊天室，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

为成都等地区用户提供了全套网页设计制作服务，及成都网站建设行业解决方案。主营业务为成都网站建设、成都做网站、成都网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

环境：vs2013 / asp.net mvc 5 / signalr 2.2.1 / jquery 1.10.2

先上两个效果图：

系统会自动给加入聊天室的人员分配一个ID，是该人员的标识（绿色为当前用户说的话，橙色为当前用户之外的人员说的话，对于不同窗口，当前用户指示的主体是不一样的哦，别弄绕了。。。）

下面来粗略叙述一下开发步骤：

1、安装signalr

建议使用nuget安装，能省不少事，网上也有全手工配置的。

2、修改startup.cs文件

开始的时候，我漏了这一步，发现始终生成不了/signalr/hubs，浏览器提示/signalr/hubs 400找不到

3、创建Hub

nuget安装了signalr之后，会有相应的signal分类

命名为ChatHub，也可以创建一个普通类，继承Microsoft.AspNet.SignalR.Hub即可。

简单的编写一个Send方法（请注意红框的两个方法名）

4、调用

页面需要引用三个主要脚本：

signalr是依赖于jquery的，所以这三个脚本引用有严格的先后顺序，如图，不可调换顺序。

以下为页面内容（请注意红框中的几个地方）：

chatHub：这是创建的ChatHub类，生成在/signalr/hubs下面的名称（默认为类名首字母小写）

用户也可以自己定义

这样hub名称就变成了设置的ChatHub（原来首字母小写，现在变成大写的了）

chat.client.receiveMessage：此处的receiveMessage，就是定义在ChatHub类，Send方法下的Clients.All.receiveMessage，原来看一些文档，此处的写法是chat.receiveMessage，但试下来没有效果，查看了/signalr/hubs脚本后，看到有client的定义，这块应该是由于signalr版本不同造成的，大家使用时要注意。

chat.server.send：此处的send，就是定义在ChatHub类下的Send方法，同样可能是对于以前版本的signalr，使用方法是chat.send，大家注意就是了。

以上是“如何使用asp.net+mvc+signalr制作聊天室”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网页标题：如何使用asp.net+mvc+signalr制作聊天室-创新互联
文章地址：http://shouzuofang.com/article/copccp.html