signalr简易教程

什么是signalr?
ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库,可以简化开发人员将实时 Web 功能添加到应用程序的过程。
Signalr可以做什么?
signalr可用于即时通讯功能开发,例如消息通知,在线咨询,在线聊天等功能,signalr都可以完美胜任。
Signalr相对webSocket的区别
signalr内部封装了多种通信方式,其中包括websocket,Server-Sent事件,长轮询,它可以根据自身需求,选择最优的方式。并且能够自动处理连接,不会像websocket那么繁琐。
Signalr应用实战 Asp.NetCore+Signalr实现网页聊天。
1.创建Asp.NetCore Web 项目 选择mvc模式
在这里插入图片描述

2.右键项目管理nuget包 导入我们需要的signalr包

在这里插入图片描述
在这里插入图片描述

3.右键项目 =》添加=》客户端库 安装前端需要的signalr.js和signalr.min.js
在这里插入图片描述
在这里插入图片描述

4.后端实现
在这里插入图片描述
在这里插入图片描述

5.启动配置
在这里插入图片描述

6.前端实现
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

7.最终效果

在这里插入图片描述

教程将向您介绍使用ASP.NET SignalR 2和ASP.NET MVC 5进行实时Web应用程序开发。本教程使用与SignalR入门教程相同的聊天应用程序代码,但演示如何将其添加到MVC 5应用程序。 在这个主题中,您将学习以下SignalR开发任务: 将SignalR库添加到MVC 5应用程序。 创建集线器和OWIN启动类来将内容推送到客户端。 在网页中使用SignalR jQuery库来发送消息并从集线器显示更新。 以下屏幕截图显示了在浏览器中运行的已完成的聊天应用程序。 聊天实例 部分: 设置项目 运行示例 检查代码 下一步 设置项目 先决条件: Visual Studio 2013.如果您没有Visual Studio,请参阅ASP.NET下载以获取免费的Visual Studio 2013 Express开发工具。 本节介绍如何创建ASP.NET MVC 5应用程序,添加SignalR库以及创建聊天应用程序。 在Visual Studio中,创建一个面向.NET Framework 4.5的C#ASP.NET应用程序,将其命名为SignalRChat,然后单击确定。 创建网页 在New ASP.NET Project对话框中选择MVC,然后点击Change Authentication。 创建网页 在更改身份验证对话框中选择无身份验证,然后单击确定。 选择不验证 注意 如果您为您的应用程序选择不同的身份验证提供程序,Startup.cs则将为您创建一个班级; 您将不需要Startup.cs在下面的第10步中创建自己的课程。 在“ 新建ASP.NET项目”对话框中单击确定。 打开工具| 库包管理器| 程序包管理器控制台并运行以下命令。此步骤向项目添加了一组启用SignalR功能的脚本文件和程序集引用。 install-package Microsoft.AspNet.SignalR 在解决方案资源管理器中,展开脚本文件夹。请注意,SignalR的脚本库已添加到项目中。 脚本文件夹 在解决方案资源管理器中,右键单击该项目,选择添加| 新建文件夹,并添加一个名为Hubs的新文件夹。 用鼠标右键单击该Hubs文件夹,单击添加| 新建项目,选择Visual C#| Web | SignalR节点安装窗格中,从中心窗格中选择SignalR Hub Class(v2),并创建一个名为ChatHub.cs的新中心。您将使用此类作为将消息发送到所有客户端的SignalR服务器中心。 创建新的中心 用下面的代码替换ChatHub类中的代码。 C# 复制 using System; using System.Web; using Microsoft.AspNet.SignalR; namespace SignalRChat { public class ChatHub : Hub { public void Send(string name, string message) { // Call the addNewMessageToPage method to update clients. Clients.All.addNewMessageToPage(name, message); } } } 创建一个名为Startup.cs的新类。将文件的内容更改为以下内容。 C# 复制 using Owin; using Microsoft.Owin; [assembly: OwinStartup(typeof(SignalRChat.Startup))] namespace SignalRChat { public class Startup { public void Configuration(IAppBuilder app) { // Any connection or hub wire up and configuration should go here app.MapSignalR(); } } } 编辑HomeController在Controllers / HomeController.cs中找到的类,并将以下方法添加到类中。此方法返回您将在稍后的步骤中创建的聊天视图。 C# 复制 public ActionResult Chat()
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值