如何使用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制作聊天室”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！