SignalR的简单实现消息广播

大佬教程收集整理的这篇文章主要介绍了SignalR的简单实现消息广播，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

<p style="margin-left: 30px">之前由于一个项目的需要（简单说一下，一个网页游戏，裁判的页面点击开始按钮，玩家便可以开始游戏），研究了很久，最终一个同事跟我推荐了SignalR。距离项目结束已经有一段时间了，再来回顾一下SignalR的简单实现吧。

BACkground-color: #ff9900">1.什么 SignalR？

BACkground-color: #ffffff">　　ASP.NET SignalR 是为.NET 开发者提供即时通讯Web 应用的类库。即时通讯Web服务就是BACkground-color: #ffffff">，而不是服务器等待客户端发起一个新的数据请求。简单来说，就是实现即时通信的功能，里面很多的功能都已经封装好了，只需要配置相关的功能即可，然后通过js实现功能。

BACkground-color: #ff9900">2.Singal的代码实现

　　1.BACkground-color: #ff9900">BACkground-color: #ffffff">首先在VS中创建一个MVC项目

BACkground-color: #ff9900">BACkground-color: #ffffff">       2.通过NuGet安装SignalR的包并引用到项目

BACkground-color: #ff9900">BACkground-color: #ffffff">       

title="SignalR的简单实现消息广播" alt="SignalR的简单实现消息广播" src="https://cn.js-code.com/res/2019/02-06/17/4042e9bfb898c6c54d7e1215903cfab8.png" >

　　3.成功安装后，会在Scripts文件夹下面添加JS脚本库

title="SignalR的简单实现消息广播" alt="SignalR的简单实现消息广播" src="https://cn.js-code.com/res/2019/02-06/17/bf8c5e0e1b23ff8d6c64bae8aafa52c7.png" >

　　4.向项目中添加一个SignalR集线器(v2)并命名为ServerHub。

title="SignalR的简单实现消息广播" alt="SignalR的简单实现消息广播" src="https://cn.js-code.com/res/2019/02-06/17/3d4f1bff3814e685fa7332cfdcf3f205.png" >

　　5.将如下代码写入到刚刚添加的ServerHub类中：

https://cn.js-code.com/res/2019/02-06/17/1c53668bcee393edac0d7b3b3daff1ae.gif" alt="">https://cn.js-code.com/res/2019/02-06/17/405b18b4b6584ae338e0f6ecaf736533.gif" alt="">

m.Collections.Generic; m.Linq; m.Web; { { [] Constant = { ,,,,,,,,, ,,,,,,,,,,,,,,,,,,,,, ,,, ,,,,,,,,,,,,,,,,,,,,, ,,, message"> Send(StringmessagE) { name = GenerateRandomname(); message方法 s.All.sendmessage(name,messagE); String GenerateRandomname( { newRandom = System.Text.StringBuilder(); rd = ); ( i = ; i < length; i++ { newRandom.Append(Constant[rd.Next(); m.ToString(); }

　　6.将如下代码覆盖原有的Startup的类中：

https://cn.js-code.com/res/2019/02-06/17/1c53668bcee393edac0d7b3b3daff1ae.gif" alt="">https://cn.js-code.com/res/2019/02-06/17/405b18b4b6584ae338e0f6ecaf736533.gif" alt="">

.owin; [assembly: OwinStartupAttribute(p))] { { MyRegion p) { ); p); }

　　7.在Home控制器创建一个Chat Action方法：

https://cn.js-code.com/res/2019/02-06/17/1c53668bcee393edac0d7b3b3daff1ae.gif" alt="">https://cn.js-code.com/res/2019/02-06/17/405b18b4b6584ae338e0f6ecaf736533.gif" alt="">

{ ); }

　　8.在Views中创建Chat视图，文件代码如下：

https://cn.js-code.com/res/2019/02-06/17/1c53668bcee393edac0d7b3b3daff1ae.gif" alt="">https://cn.js-code.com/res/2019/02-06/17/405b18b4b6584ae338e0f6ecaf736533.gif" alt="">

{ ViewBag.title =

Chat

=> id=message /> id=message value= /> id= />

>

{ @H_616_525@ { 自动生成的集线器代理 chat = message来显示新消息 chat.client.sendmessage =messagE) { $().append( +Name) + : + htmlEncode(messagE) + ); message == "1") { messagE); $(message); { $(message{ chat.server.send($(message); $(message).val(); ); ); ); value) { encodedValue = $(value).html(); }