天天看点

一、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实现消息的收发。

    效果图展示:

一、SignalR入门
一、SignalR入门

开发步骤

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

一、SignalR入门

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

一、SignalR入门

3、将ChatHub类替换如下:

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

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

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

6、引用SignalR 和Jquery框架

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

一、SignalR入门

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

一、SignalR入门

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

×××