当前位置:首页 > 技术分析 > 正文内容

.NET CORE 抛弃IIS后可以做的事:JS调用本地硬件服务插件

ruisui884周前 (04-03)技术分析21

在上一篇《.NET CORE 抛弃IIS,超便捷BS系统部署方案》一文中介绍了如何便捷部署BS系统,如果有朋友还不了解的,建议先看我主页的上一篇文章了解下。

既然现在我们可以脱离IIS,以windows服务方式部署BS系统了,除了让我们部署变得便捷外,还可以做哪些事呢?我们公司主要做物联网,工控项目,经常需要和硬件设备打交道。在BS系统大行其道的当下,也就经常遇到需要在服务端部署的系统内的网页中调用用户本地硬件来完成一些功能,比如调用本地的读卡器,读取会员卡芯片内容,又或者调用RFID读写器,将一些数据写入RFID电子标签。

以往.NET程序员都是写一个ActiveX控件来实现JS调用本地硬件,但这种方式最大的缺点是必须用IE,另外还有对IE进行安全设置才能使用,非常的不方便。特别是当我们目前技术栈都已经改成前后端分离,前端使用Vue,ElementUI等,对IE的兼容性都很差。我们需要抛弃IE,抛弃ActiveX,急需一种新的技术实现用户本地硬件的访问,甚至一种跨平台的本地硬件插件服务。

1、先新建一个ASP.NET CORE WEB API项目(也就是用户本地硬件服务)

新建ASP.NET Core Web API 项目

2、Nuget安装
Microsoft.Extensions.Hosting.WindowsServices

3、配置windows服务部署支持,并设置我们的web服务插件监听端口默认为:56666

4、配置支持跨域访问(重点),只有配置了跨域访问,我们的BS系统的网页才能通过JS顺利调用本插件服务的webapi

跨域访问支持

5、添加一个测试用的webapi,这里只是在接口里面直接返回两组字符串,实际项目中可以做一些与硬件通信的操作,本文主要讲的是如何在我们的网页上通过JS调用本插件服务的webapi。

6、发布服务(注意如图的发布参数),并安装服务到用户本地(安装方式参考前一篇博文)

7、编写一个测试用的html页,并将该页面放到我们的云服务器的一个站点下



    知擎物联设备服务插件测试
    
    <script type="text/javascript" src="jquery.min.js"></script>


    
知擎物联设备服务插件测试
<script type="text/javascript"> $(document).ready(function () { $("button").click(function () { $.ajax({ url: "http://localhost:56666/api/1000", success: function (result) { $("#div1").html(result); } }); }); }); </script>

8、浏览器访问之前放置在云服务器站点上的网页,点击测试网页上的按钮,发起ajax请求到本地的web服务接口(
http://localhost:56666/api/1000
,顺利得到接口的返回值。

欢迎大家交流评论,共同进步,有任何建议或问题随时私聊我

如果本文对您有帮助,请关注,点赞,这是对我继续分享技术最好的鼓励。

有需要本文DEMO的,私聊关键字:JS调用本地硬件

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3263.html

分享给朋友:

“.NET CORE 抛弃IIS后可以做的事:JS调用本地硬件服务插件” 的相关文章

基于archlinux的发行版有哪些?

Arch Linux 是一个 Linux 发行版,采用滚动更新的模型,这意味着 Arch Linux 不会定期发布新版本,而是持续接收更新和升级,保持系统与最新软件版本的同步。Arch Linux 以其极简主义、简单性和用户定制为中心的特点而闻名,专注于让用户对其系统配置具有完全控制权。然而,它也以...

「Git迁移」三行命令迁移Git包含提交历史,分支,tag标签等信息

问题描述:公司需要将一个git远程服务器的全部已有项目迁移到一台新服务器的Gitlab中,其中需要包含全部的提交纪录,已有的全部分支与全部打tag标签,目前此工作已全部迁移完毕,特此记录一下操作步骤环境描述:1. 要迁移的远程Git:Gitblit2. 迁移目的Git:Gitlab3. 暂存代码的P...

15款测试html5响应式的在线工具

手机、平板灯手持设备的增多,网站要顺应变化,就必须要做响应式开发,响应式网站最大的特点在于可以在不同设备下呈现不同的布局,是基于html5+css3技术,目前越来越多的网站开始采用了响应式设计,而下面15款工具可以方便测试你的html5响应式效果。Responsinatorhttp://www.re...

基于 vue3.0 小程序拖拽定制

今天给大家分享一个使用Vue3编写的自由DIY小程序页面。mbDIY 一款基于vue3.x构建的可拖拽定制小程序模板。支持新建页面、自由拖拽模块、复制/移动、自定义模块样式等功能。整个项目分为页面、模块、控件三大部分。模块里面的组件可拖拽至主面板区,编辑后保存即可预览效果。快速安装# 克隆项目 gi...

三勾点餐系统java+springboot+vue3,开源系统小程序点餐系统

项目简述前台实现:用户浏览菜单、菜品分类筛选、查看菜品详情、菜品多属性、菜品加料、添加购物车、购物车结算、个人订单查询、门店自提、外卖配送、菜品打包等。后台实现:菜品管理、订单管理、会员管理、系统管理、权限管理等。 项目介绍三勾点餐系统基于java+springboot+element-plus+u...

三勾商城(java+vue3)微信小程序商城+SAAS+前后端源码

项目介绍本系统功能包括: 前台展示+后台管理+SAAS管理端,包括最基本的用户登录注册,下单, 购物车,购买,结算,订单查询,收货地址,后台商品管 理,订单管理,用户管理等等功能,小伙伴一起来看看吧。三勾小程序商城基于springboot+element-ui+uniapp打造的面向开发的小程序商城...