首页 > 其他分享 >如何使用智能IC卡登录web系统

如何使用智能IC卡登录web系统

时间:2022-09-30 09:11:39浏览次数:47  
标签:web 登录 resultdata IC卡 智能 读写器

在web浏览器中如何使用智能IC卡来登录系统呢?
在BS架构软件中,使用刷智能IC卡来登录系统,而不是输入用户名和密码,这样不仅快而且方便,让使用者有更好的体验。要实现这种功能,其实并不难。按照以下步骤就可以轻松实现智能IC卡web登录。
1、客户端安装友我科技IC卡读写器web插件, 支持E,Chrome,Firefox,Safari,Opera,Edge等主流浏览器。
2、准备USB免驱动NFC读写器YW-607HC。
3、当然还需要智能IC卡。

以上准备好后,就可以实施我们的js开发了。
引用好相应的js文件后, 当页面装载后我们就开始让读写器自动读卡。
页面装载完成后,延时一会,就开始调用start自动读卡setTimeout("Start()",800);

function Start()
{
rfidreader.Repeat=1;
rfidreader.HaltAfterSuccess=1;
rfidreader.RequestTypeACardNo(1, 0);
}

这时候NFC读写器YW-607HC就自动开始读卡,当读到卡后,会触发回调函数
rfidreader.onResult(function(resultdata)
{
switch(resultdata.FunctionID)
{

case 0:
if(resultdata.Result>0)
{
postCardNo(resultdata.strData);
}
break;
}
}
);

resultdata.strData就是NFC读写器YW-607HC读到的智能IC卡卡号。
当读到卡号后,我们调用postCardNo将卡号以Post方式发送给服务器,服务器收到将卡号与后台数据库比对并调用该卡对应的用户信息后,确定该卡是否可以登录。
完整的源代码和页面请查看:http://www.youwokeji.com.cn/CloudReader/Sample38.html

标签:web,登录,resultdata,IC卡,智能,读写器
From: https://www.cnblogs.com/yoworfid/p/16743744.html

相关文章

  • Spring启动报错-WebServerException: Unable to start embedded Tomcat
    今天在启动《Spring实战》的示例项目时,出现以下错误:ERROR21308---[ restartedMain]o.s.boot.SpringApplication       :Applicationrunfailedo......
  • Web性能优化地图
    本文作者是来自360导航的前端开发工程师Berwin,W3C性能工作组成员,同时也是《深入浅出Vue.js》(待出版)的作者。本文转载自奇舞周刊。总结文章介绍我们都知道对于Web应......
  • 【前端必会】tapable、hook,webpack的灵魂
    背景什么是tapable、hook,平时做vue开发时的webpack配置一直都没弄懂,你也有这种情况吗?还是看源码,闲来无聊又看一下webpack的源码,看看能否找到一些宝藏tapable和webpack......
  • DOM – Web Components
    前言WebComponents已经听过很多年了,但在开发中用纯DOM来实现还是比较少见的.通常我们是配搭Angular,React,Vue,Lit 来使用.这篇就来讲讲纯WebComponents......
  • vue路由守卫用于登录验证权限拦截
    vue路由守卫用于登录验证权限拦截vue路由守卫-全局(router.beforeEach((to,from,next)=>来判断登录和路由跳转状态)主要方法:to:进入到哪个路由去from:从哪个路由离开......
  • WEB自动化-12-Cypress 调试
    12调试  Cypress的测试代码和被测试程序在同一生命周期中的浏览器中,也就是意味着,可以使用浏览器的开发者工具直接参与调试。Cypress提供了几种调试方法,分别为:debugge......
  • 秋色园QBlog技术原理解析:Web之页面处理-内容填充(八)
    文章回顾:1:​​秋色园QBlog技术原理解析:开篇:整体认识(一)​​--介绍整体文件夹和文件的作用2:​​秋色园QBlog技术原理解析:认识整站处理流程(二)​​--介绍秋色园业务处理......
  • 前端面试总结12-WebApi-存储
    简述cooki,localstorage,sessionstorage的区别(1:cookie数据存放在浏览器上,session存放在服务器上(2:cookie安全性低(3:session占用服务器性能(4:单个cookie最大存储数据不超过4k......
  • 支付宝沙箱服务 (结合springboot实现,这里对接的是easy版本,工具用的是IDEA,WebStrom)
    一:打开支付宝开发平台,登录,然后点击控制台https://open.alipay.com/   二:滚动到底部,选着沙箱服务   三:获取到对接要用的appId和公钥私钥    四......
  • Ajax、反向Ajax和WebSocket 概念
    Ajax异步的JavaScript和XML(AsynchronousJavaScriptandXML,Ajax),一种可通过JavaScript来访问的浏览器功能特性,其允许脚本向幕后的网站发送一个HTTP请求而又无需重新加载......