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


咨询
建站咨询
