一、SignalR入门

准备：

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

      开发工具：visual studio 2013

      使用框架：SignalR、Jquery

正文

• 概述

  基于ASP.NET web 应用程序创建并引用SignalR 和JQuery框架简单实现文字聊天

        开发任务：

              A、创建一个空的ASP.NET web 项目

              B、引用SignalR 和Jquery框架

              C、创建一个集线器类，以将内容推送到客户端。

            D、创建一个OWIN Startup类，配置启动。

            E、在Web中使用SignalR jQuery实现消息的收发。

    效果图展示：

• 开发步骤

    1、在 Visual Studio 中创建一个 ASP.NET Web 应用程序。

2、在解决方案资源管理器中，右键单击项目，选择添加|那么 SignalR 集线器类 (v2)。命名ChatHub.cs类并将其添加到该项目。此步骤将创建ChatHub类，并向项目中添加一组脚本文件和支持那么 SignalR 的程序集引用。

3、将ChatHub类替换如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Microsoft.AspNet.SignalR;

namespace SignalRChatDemo
{
    public class ChatHub : Hub
    {
        /// 

        /// 发送消息
        /// 
        /// 姓名
        /// 消息内容
        public void Send(string name, string message)
        {
            // 回调客户端方法CallMessage通知客户端
            Clients.All.CallMessage(name, message);
        }
    }
}

4、在解决方案资源管理器中，右键单击该项目，然后单击添加OWIN Startup启动类。Startup新类的名称并单击确定。

注：如果您使用的 Visual Studio 2012，OWIN Startup启动类模板将不可用。您可以添加一个名为Startup相反的普通类。

5、更改为以下内容的新的启动类。

using System;
using System.Threading.Tasks;
using Microsoft.Owin;
using Owin;

[assembly: OwinStartup(typeof(SignalRChatDemo.Startup))]

namespace SignalRChatDemo
{
    public class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            // 有关如何配置应用程序的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkID=316888
            app.MapSignalR();
        }
    }
}

6、引用SignalR 和Jquery框架

在NuGet管理中输入JqueryUI ,安装JQuery UI库，如下图：

安装完成后可以看到我们需要的两个框架库了，如下图：

7、编写Web页面，实现聊天

    
    
        .container {
            background-color: #07325e;
            border: thick solid #808080;
            padding: 20px;
            margin: 20px;
        }
        body{
            color:white;
        }