准备:
开发工具: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实现消息的收发。
效果图展示:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiInBnauEDO5MGMmVza2VTSFFUQKp1TyE0QqR3VWFTbvl2S39CXFV0LcNkNvwFMw00LcJDMzZWe39CXt92Yu8GdjFTNuMzcvw1LcpDc0RHaiojIsJye.jpg)
开发步骤
1、在 Visual Studio 中创建一个 ASP.NET Web 应用程序。
2、在解决方案资源管理器中,右键单击项目,选择添加|那么 SignalR 集线器类 (v2)。命名ChatHub.cs类并将其添加到该项目。此步骤将创建ChatHub类,并向项目中添加一组脚本文件和支持那么 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库,如下图:
安装完成后可以看到我们需要的两个框架库了,如下图:
7、编写Web页面,实现聊天
×××