如何创建ASP.NET Core SignalR简单聊天程序

SignalR是一个ASP.Net手艺 , 在WebSocket上面供给了一个简单的抽象 。 利用SignalR可以建立单页面程序 。 本文本家儿要介绍下在ASP.Net core框架下建立SignalR页面程序 。

需要这些哦
VS2017
Asp.Net Core 2.1
方式/
1建立 Web 项目.打开VS项目 , 这里我还以本身的XC项目为例 , 新建 一个Web项目 , 如下所示 , 选择Web-》ASP.Net Core Web程序 。

如何创建ASP.NET Core SignalR简单聊天程序

文章插图

2选择“.NET Core”方针框架 , 选择“ASP.NET Core 2.1” , 因为我安装的是VS2017而且 , 默认的最高.Net Core版本为2.1 , 所以这里以2.1作为选择 。

如何创建ASP.NET Core SignalR简单聊天程序

文章插图

3添加 SignalR 客户端库 。 选择项目右键“添加客户端库” , 如下所示 , 在弹出的选择项中 , 选择“供给程序”:“unpkg” , 0“库”:输入 @aspnet/signalr@1 , 选择最高的版本不变版本 。 然后文件选择SignalR.js和SignalR.min.js.

如何创建ASP.NET Core SignalR简单聊天程序

文章插图

如何创建ASP.NET Core SignalR简单聊天程序

文章插图

4建立 SignalR 中间.新建一个Hub文件夹 , 在Hub文件夹下面新建类“ChatHub” , 输入一下代码 , 如下所示 。 这个是SignalR 中间 , 用来输出动静 。

如何创建ASP.NET Core SignalR简单聊天程序

文章插图

5设置装备摆设 SignalR 。 在StartUp类里面设置装备摆设SignalR , 本家儿如果设置装备摆设services和Config , 如下所示 , 添加以下代码即可 。

如何创建ASP.NET Core SignalR简单聊天程序

文章插图

6添加 SignalR 客户端代码 , 在Index页面 , 替代一下代码 , 用来显示测试程序 。 如下所示 。

如何创建ASP.NET Core SignalR简单聊天程序

文章插图

7【如何创建ASP.NET Core SignalR简单聊天程序】添加JS代码 。 新建一个chat.js 。 编写以下剧本 , 实现标的目的中间发送动静的处置的函数以及用于领受从中间领受动静并将其添加到列表的处置过程 。

如何创建ASP.NET Core SignalR简单聊天程序

文章插图

8编纂完当作后 , 调试程序 , 如下所示 , 该页面 , 输入用户 , 动静点击发送 , 可以发送相关的动静 。 并显示出来 。

如何创建ASP.NET Core SignalR简单聊天程序

文章插图

注重事项SignalR用于及时处置程序比力多 , 大师可以学学 。

推荐阅读