1.新建项目，选择mvc4 Wed应用程序，选择Internet，视图引擎：Razor

2.在控制器中添加

并添加上视图

3.引用（install-package Microsoft.AspNet.SignalR）

4.添加Startup

项目名

5.新建Hubs文件夹，添加ChatHub类

6.Chat的视图

代码：Chat视图
@{
ViewBag.Title = "Chat";
}

SignalR

@section scripts {
@@

<script>
    $(function () {
        // 1.ChatHub.cs类
        var chat = $.connection.chatHub;

// 2.Chat里的[HubName("asd")]（1和2一样）
//var chat = $.connection.asd;
// 调用addNewMessageToPage显示信息
chat.client.addNewMessageToPage = function (name, message) {
// 把消息添加到页面
//$('#discussion').append('

' + htmlEncode(name)
// + '： ' + htmlEncode(message) + '');
$('#discussion').append(' ' + $(' ').text(name).html()
+ '： ' + $('').text(message).html() + '');
};
// 获取昵称
$('#displayname').val(prompt('昵称:', ''));
// 输入框焦点
$('#message').focus();
// 启动链接
$.connection.hub.start().done(function () {
$('#sendmessage').click(function () {
// 调用Send方法
chat.server.send($('#displayname').val(), $('#message').val());
// 清空输入框，并加上焦点
$('#message').val('').focus();
});
});
});
//
//function htmlEncode(value) {
// var encodedValue = $('').text(value).html();
// return encodedValue;
//}

}