asp.net mvc signalr 简单聊天室

signalr的神奇、实用很早就知道，但一直都没有亲自去试用，仅停留在文章，看了几篇简单的介绍文字，感受仍是很简单易用的。

因为最后有个项目须要使用到它，因此就决定写个小程序测试一下，实践出真知；别人写的文章，因为环境（版本等）不一样，仍是或多或少存在一些出入的。

 

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

 

先上两个效果图：

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

 

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

一、安装signalr

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

 

二、修改startup.cs文件

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

 

三、建立Hub

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

命名为ChatHub，也能够建立一个普通类，继承Microsoft.AspNet.SignalR.Hub便可。

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

 

四、调用

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

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，你们注意就是了。

 

五、结束

到这为止，一个简单的开发流程结束。打开两个或两个以上窗口，就能够发消息聊天了，试试吧

样式纯粹是本身瞎倒腾，写的不规范也乱七八糟，因此就不详细贴出扰乱视听。