在web浏览器中如何使用智能IC卡来登录系统

关注

原创最新推荐文章于 2026-10-22 13:55:47 发布 572 阅读 AI 写同款· GEO 优化 ›

WebNFC：开启网页与近场通信的无限可能 WebNFC技术为Web应用与NFC设备交互提供了创新解决方案。该API支持跨平台操作，具备安全性和易用性特点，适用于移动支付、信息交换、智能标签互动等多种场景。开发者可通过简单API实现NFC标签读取、数据写入和设备连接等功能。随着技术发展，WebNFC将持续拓展应用领域，为用户创造更便捷的互动体验。阅读详情

在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

收录于