准备:
为浦江等地区用户提供了全套网页设计制作服务,及浦江网站建设行业解决方案。主营业务为成都网站设计、网站制作、浦江网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
开发工具: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页面,实现聊天
SignalR Simple Chat
×××