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程序 。
文章插图
2选择“.NET Core”方针框架 , 选择“ASP.NET Core 2.1” , 因为我安装的是VS2017而且 , 默认的最高.Net Core版本为2.1 , 所以这里以2.1作为选择 。
文章插图
3添加 SignalR 客户端库 。 选择项目右键“添加客户端库” , 如下所示 , 在弹出的选择项中 , 选择“供给程序”:“unpkg” , 0“库”:输入 @aspnet/signalr@1 , 选择最高的版本不变版本 。 然后文件选择SignalR.js和SignalR.min.js.
文章插图
文章插图
4建立 SignalR 中间.新建一个Hub文件夹 , 在Hub文件夹下面新建类“ChatHub” , 输入一下代码 , 如下所示 。 这个是SignalR 中间 , 用来输出动静 。
文章插图
5设置装备摆设 SignalR 。 在StartUp类里面设置装备摆设SignalR , 本家儿如果设置装备摆设services和Config , 如下所示 , 添加以下代码即可 。
文章插图
6添加 SignalR 客户端代码 , 在Index页面 , 替代一下代码 , 用来显示测试程序 。 如下所示 。
文章插图
7【如何创建ASP.NET Core SignalR简单聊天程序】添加JS代码 。 新建一个chat.js 。 编写以下剧本 , 实现标的目的中间发送动静的处置的函数以及用于领受从中间领受动静并将其添加到列表的处置过程 。
文章插图
8编纂完当作后 , 调试程序 , 如下所示 , 该页面 , 输入用户 , 动静点击发送 , 可以发送相关的动静 。 并显示出来 。
文章插图
注重事项SignalR用于及时处置程序比力多 , 大师可以学学 。
推荐阅读
- 鸡枞菌可以冷冻保存吗 鸡枞菌如何长期保存
- 限制了编辑权限的Word文档忘记了密码如何破解
- win8系统如何关闭用户账户控制UAC弹窗
- Word2013如何录入生僻字
- 如何修改WPS文字中的文档格式
- 如何激活老茶品牌,槐花的功效与作用
- 1899年 昆明 老照片-饮茶人,茶叶如何保存
- 家明就像一个美丽的女人 教你如何品尝灿烂的茶,荷叶茶的副作用
- 如何巧妙的清洁纱窗?
- 我国沙漠植树造林成果如何