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;

//}



}