手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

SignalR入门教程

时间:2024-10-11 19:41:24

1、【创建MVC项目】 创建asp.net mvc 5.0的项目SignalRDemo,并添加HomeController和Index页面

SignalR入门教程

2、【安装SignalR】 在SignalRDemo项目上【右键】->【管理NuGet程序包】-> 搜索【signalr】-> 安装

SignalR入门教程
SignalR入门教程
SignalR入门教程

3、【注册SignalR中间件】 在SignalRDemo项目上【右键】->【添加】->【类】,输入【Startup】作为类名,并添加如下代码

SignalR入门教程
SignalR入门教程

4、【创建Hub】 在SignalRDemo项目上添加文件夹【Hubs】,并添加如下类【FirstHub】,在实际的项目中,此类可以独立为一个项目的 注意:此处为了方便使用,移除了命名空间的【.Hubs】后缀

SignalR入门教程

5、【页面添加SignalR引用】 注意:需要添加SignalR自动生成的代码引用,即使在未运行前项目中看不到这个文件夹

SignalR入门教程

6、【页面调用SignalR】 注意:JS调用后台方法的首字母小写

SignalR入门教程

7、【运行效果】 可以打开多个浏览器,或者浏览器页签,在一个页面中输入内容,点击按钮提交内容,不需要刷新各个页面,服务端将自动推送内容到各个页面。 由于此处演示,并未存储之前的值,所以,如果后面打开的页面是看不到前面的提交过的内容的

SignalR入门教程
SignalR入门教程
© 手抄报圈