在各种web浏览器中采用https协议读取身份证信息

 随着中国互联网基础设施建设的优化升级以及移动设备普及率的提升，越来越多的应用开始从C/S结构向B/S应用结构转型了，加上HTML5技术的成熟和发展，越来越多的应用采用了B/S结构，对于单纯的应用来说，B/S结构非常方便，将复杂的应用通过Web浏览器实现其功能，从而简化了对客户端的维护和管理。

近年来，我们陆续接到用户反馈关于我司智能卡读写器在B/S应用场景中对于各种浏览器的兼容性问题的相关需求。我们对用户需求进行了整理和分析，了解到目前在B/S应用场景中，使用的浏览器主要有Chrome，Firefox，Safari，Opera，Internet Explorer，360浏览器、百度浏览器、QQ浏览器等，浏览器种类纷繁复杂。由于智能卡读写器属于一种嵌入式设备，如何在B/S应用场景中既要使用HTTP和HTTPS传输协议，能完美兼容众多浏览器？又要智能卡读写器支持常见的非接触式IC卡，CPU卡，NFC标签，社保卡，二代证等多种卡型？我们带着用户需求和使用场景，对技术方案进行了多方评估之后，认为目前的方案效果是比较理想的。既能解决浏览器兼容性问题，又对我司智能卡读写器功能性进行了扩展。

通常的做法是根据不同的浏览器开发对应的插件，智能卡读写器通过浏览器插件进行数据交互和通信。很显然，这种方式是无法满足用户对浏览器全兼容要求，会造成用户体验和系统稳定性差。再加上，每个客户用的浏览器不同，有的客户用Chrome，有的客户用Firefox，而且版本不尽相同，这对于做插件兼容来说也是费时费力，不具有可行性了。

说明：当用户选择https通信协议的时候需要导入根证书，选择http通信协议则无需导入根证书。

使用方法

第一步，浏览器中导入我们的根证书，这里仅以Chrome浏览器和Firefox浏览器为例。

1. Chrome浏览器中导入我们的根证书，在Chrome浏览器地址栏中输入chrome://settings/ 进入浏览器设置中心，在Chrome浏览器左侧菜单中，点击打开“高级”——隐私设置和安全性——管理证书，弹出提示框，如下图所示：

 

点击“导入证书”，进入证书导入向导。如下图所示：

 

 

 

 

 

 

一直按照系统提示点击“下一步”，直到，提示“证书导入成功”。Chrome浏览器证书导入完成。

1. Firefox浏览器中导入我们的根证书，在Firefox浏览器地址栏中输入about:preferences，点击左侧菜单中“隐私与安全”打开”查看证书”按钮（这个查看证书按钮，一般在页面的最下方），如下图所示：

 

 

 

 

 

 

Firefox浏览器中导入根证书完成。

1. 在windows命令行输入“certmgr.msc”命令，打开windows证书管理器，鼠标右键“所有任务”——“导入”，后续操作和Chrome浏览器类似。证书导入成功后，如下图所示：
2. 

 

第二步，在PC上运行本地websocket服务器并完成相关配置，需要输入接入二代证云解析的用户名和密码。如没有用户名和密码，请联系我司销售人员进行申请。

1. 双击LocalWsServer.exe，可执行文件，进入本地websocket服务器配置界面，如下图所示：

 

 

1. 输入用户名和密码，如需要读取二代证指纹信息，请在“读取指纹”前面的复选框打勾，默认是需要通过调用程序被动读取，如需主动读取二代证信息，请在“主动读取”前面的复选框打勾。网络传输协议，本地阅读采用HTTP，服务器端阅读采用HTTPS，请根据自身实际使用情况，选择正确的网络传输协议，这里以https传输协议为例。
2. 配置之后点击“保存参数设置”——“启动线程”——“放入托盘”，程序会停留在系统状态栏中，如需程序开机启动，请在重新左下角的“开机启动”复选框中打勾。

第三步、进入浏览器测试页面，进行功能测试，这里我们以https为例，访问https://www.lotussmart.cc/sfz.html进入测试页面  

1、点击“ConnectServer”连接websocket服务器

 

 

2、如websocket服务器勾选了“自动读卡”只需要放置二代证在我司智能卡读写器的读卡区域，直到蜂鸣器发出“滴”一声，然后点击ReadIdBuffer”按钮即可。如未在websocket服务器勾选“自动读卡”，需要在测试页面点击“ReadId”按钮进行读卡操作。如下图所示：

 

 至此， 完成了对于Chrome浏览器、Firefox浏览器，采用https协议进行二代证阅读的证书导入和功能演示介绍完成。如有遗漏之处，还请多多指导和谅解。