(一)SignalR(.net 中的用法)

SignalR实现了服务端主动向客户端响应信息，以及一个客户端向其他客户端主动推送消息，相比于websocket他支持了windows7以及windows server2012，对于低版本的浏览器也更加兼容了

实现原理，当客户端推送第一次和服务端建立链接后,服务端将客户端的长链接保存起来，服务端之后的消息都是通过呢个长连接进行信息的相互发送

后端逻辑

1：在nuget中引入:Microsoft.AspNet.SignalR

2:在项目中新建一个文件夹,在文件夹里面新建两个文件

SignalR 集线器(用来广播消息的类)，继承Hub类

OWIN Startup 类(作用是指定SignalR在生成管道的路径,开启跨域的操作),命名空间上带有[assembly: OwinStartup(typeof(sigrservice.Common.Startup1))]的特性

3:对单个客户端页面的推送

Clients.Client("connectionId").showMessageffff(content, "hhh", "kkk");

4:对多个客户端页面的推送

Clients.Clients(array).showMessageffff(content, "hhh", "kkk");//string[] array，array是一个数组

5：集线器类

[HubName("messageHubHss")]
public class MyHub1 : Hub
{
public static List cljs = new List();

// 向所有客户端发送信息
public void LiaoTian(string s, string yy, string zz)
{
GlobalHost.ConnectionManager.GetHubContext().Clients.All.showMessageffff(s + yy + zz, "hhh", "kkk");
}
// 向自己所在的客户端发送信息
public void CallSelf(string content)
{
Clients.Caller.showMessageffff(content, "hhh", "kkk");
}
//向自己以外的所有其他客户端发送信息
public void CallOther(string content)
{
Clients.Others.showMessageffff(content, "hhh", "kkk");
}

#region 发送给指定的用户
//发送给指定连接
public void CallOne(string toName, string content)
{
#region 
//给某个用户打开的所有页面发送信息
//Clients.Group(toName).showMessageffff(content, "hhh", "kkk");
#endregion

#region  给多个用户打开的所有用户发送信息(张三打开2个页面,李四打开3个页面,那么5个页面都会收到信息)
string[] aa = { "zhangsan", "lisi" };
Clients.Groups(aa).showMessageffff(content, "hhh", "kkk");
#endregion

//客户端和服务端建立链接后要做的事情
public override Task OnConnected()
{
string username = Context.QueryString["userName"]; //将用户名作为一个组名来存储,这样相同用户的所有ConnectionId都存到一个组里面了,方便以后对指定的用户发送信息
Groups.Add(Context.ConnectionId, username);
return base.OnConnected();
}
#endregion

 6：建立OWIN Startup 类

[assembly: OwinStartup(typeof(sigrservice.Common.Startup1))]

namespace sigrservice.Common
{
public class Startup1
{
public void Configuration(IAppBuilder app)
{
//集线器是对持久连接类再一次的进行封装，集线器类都继承自Hub，集线器类可以让我们使用RPC(远程链接,长连接)的方式进行交互。
app.UseCors(CorsOptions.AllowAll);//引用跨域
//app.MapSignalR();此方法的作用是将 SignalR 集线器默认映射到“/signalr”处的应用生成器管道
app.MapSignalR("/MySignalr", new HubConfiguration());//可以修改生成管道

}
}
}

7:前端向服务端推送消息的方式可以通过api以调用接口的形式推送，也可以不经过api接口推送

经过接口推送的方式为：

[Route("Getvalts")]
[HttpGet]
public string Getval(string id)
{
var hui = GlobalHost.ConnectionManager.GetHubContext();
hui.Clients.All.showMessageffff(id + "222", "hhh", "kkk");
return "value";
}

前端逻辑

1: 推送信息的页面

先引入3个js,并且是后端的远程js(可能客户端和服务端不在同一台服务器)

2: 接收信息的页面

引入3个远程的服务端的js