Asp.Net Core + SignalR 实现实时通信

一、搭建项目

1、创建一个ASP.NET Core MVC 项目

image

2、nuget 下载和安装 MicroSoft.AspNetCore.SignalR

image

vs提示版本冲突

image

这时我们选择低版本即可

image

image

二、SignalR配置

1、在model中创建一个类MyHub 代码如下

image

 
   
 
    
public class MyHub:Hub
 
    
{
 
    
public async Task SendMessage(string user, string message)
 
    
{
 
    
await Clients.All.SendAsync("ReceiveMessage", user+"["+DateTime.Now.ToLongTimeString()+"]", message);
 
    
}
 
    
public async Task SendMessageToUser(string user, string message)
 
    
{
 
    
await Clients.Client(Context.ConnectionId).SendAsync("ReceiveMessage", user + ":" + DateTime.Now.ToLongTimeString()+"]", message);
 
    
}
 
    
}
 
   
 
   

View Code

2、在Startup中注入SignalR并在Configure中配置路由

image

image

3、右键项目名=>添加=>添加客户端库

image

• 对于“提供程序”选择unpkg。

• 对于“库”输入 @aspnet/[email protected] （@1.0.4 是根据 nuget SignalR的本本定的）。

• 选择“选择特定文件”，展开“dist/browser”文件夹，然后选择“signalr.js”和“signalr.min.js”。

• 将“目标位置”设置为 wwwroot/lib/signalr/，然后选择“安装”。

image

image

配置完毕。

三、编码实现

1、修改Views/Home中的Index.cshtml如下

image

 
   
 
    
 
    
 
 
    
 
    
 
 
    
 
    
User..........
 
    

 
    
Message...
 
    
 
    

---