统信OS国产操作系统身份证读卡器社保卡读卡web网页开发使用操作流程

用于DONSEE系列身份证阅读器谷歌Chrome火狐Firefox插件，支持的型号有：EST-100、EST-100GS、EST-100G、EST-100U、EST-200G、EST-J13X等。

本方案无缝支持最新版本谷歌Chrome火狐Firefox等网页浏览器，支持H5、Vue、React、Node.js、Electron、Uniapp、jQuery、JSP、PHP、ASP、ASPX、JS、HTML等开发语言。

支持麒麟OS、统信OS等主流国产操作系统，支持ARM、AMD、LoongArch64、MIPS64等构架。

统信OS安装方法：

1、打开应用商店，搜索东信智能

2、点击安装

3、安装后打开启动器，选择打开读卡器快捷方式

4、进入读卡界面

4、进入读卡代码集成阶段

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>HTML5</title><script type="text/javascript" src="jquery-1.12.3.min.js"></script><script type="text/javascript" src="cardReader-1.0.js"></script><style type="text/css">*{font-family: '微软雅黑';font-size: 14px;}button{margin: 8px 15px 8px 0px;padding: 5px 10px;border: 1px solid #2E3436;}button:hover{background-color: white;}select, input{height:31px;}fieldset{border-color: gray;margin-top: 10px;}img{border: 1px solid gray;height:126px;width: 102px;}label{cursor: pointer;}.dborder{border: 1px gray solid;box-sizing: border-box;}#div4442>button{width: 60px;margin-right: 10px;padding-left: 0px;padding-right: 0px;margin-bottom: 0px;}#div15396>button, #div1604>button, #divm1>button{width: 60px;margin-right: 5px;padding-left: 0px;padding-right: 0px;margin-bottom: 0px;}#divmore>button{width: 100px;margin-top: 20px;}.divTab{display: flex;}.divTab>div{text-align: center;min-width: 70px;padding: 5px;border-top: 1px solid;border-bottom: 1px solid #FFFFFF;border-right: 1px solid;cursor: pointer;background-color: #CCCCCC;}.divTab>div:hover{background-color: #EEEEEE;}.divTab>div:first-child{border-left: 1px solid;}.tabSelect{background-color: #FFFFFF !important;font-weight: bold;}.divContent>div{padding-top: 20px;padding-bottom: 10px;padding-left: 10px;border:1px solid;margin-top: -1px;display: none;}</style>
</head>
<body style="background-color: gray;" onselectstart="return false;"><div style="width: 100%;justify-content: center;display: flex;"><div style="min-width: 1080px; max-width: 1080px; padding: 0px 30px 20px 30px;flex-wrap: wrap;background-color: white;" class="dborder"><div style="width: 100%;margin: 10px 0px;font-weight: bold;font-size: 18px;text-align: center;">网页调用读卡器测试</div><div class="divTab"><div>设备操作</div><div>身份证</div><div>CPU卡接触</div><div>CPU卡非接</div><div>磁条卡</div><div>M1卡</div><div>4442/4428卡</div><div>15693卡</div><!--<div>指纹</div>--><div>更多</div></div><div class="divContent"><!--设备操作--><div><button act="open">打开端口</button><button act="close">关闭端口</button></div><!--身份证--><div><table><tr><td width="120px;"><img id="imgIdCard"></td><td><button style="width: 120px;" act="readIDCardUID">读身份证UID</button><br><button style="width: 120px;" act="readIDCard" >身份证</button><br><button style="width: 120px;" act="readIDCardEX" >身份证(指纹)</button></td></tr></table></div><!--CPU卡接触--><div><button act="cardClodPowerOn" ref="slotNo">冷复位</button><button act="cardHotPowerOn"  ref="slotNo">热复位</button><select style="width: 90px;" act="slotNo"><option value="01">大卡</option><option value="02">副卡</option><option value="11">PSAM1</option><option value="12">PSAM2</option><option value="13">PSAM3</option><option value="14">PSAM4</option></select><input type="text" style="width:248px;margin-top: 10px;" placeholder="APDU命令 HEX串" value="0084000008" act="apdu"><button act="cardPowerOff" ref="slotNo">下电</button><button style="margin-left: 95px;" act="cardRun" ref="slotNo,apdu">APDU命令</button></div><!--CPU卡非接--><div><input type="text" style="width:252px;margin-top: 10px;" placeholder="APDU命令 HEX串" value="0084000008" act="apdu"><button style="margin-right: 0px;padding: 5px 5px;" act="mcardPowerOn">TypeA 上电</button><!-- <button style="margin-left:10px;margin-right: 10px;padding: 5px 5px;" act="mcardPowerOff">TypeA 下电</button>--><button style="margin-right: 0px;padding: 5px 5px;" act="mcardRun" ref="apdu">APDU</button></div><!--磁条卡--><div><select style="margin-right: 35px;" act="outInfo"><option value="0">全部数据</option><option value="1">去除起始结束字符</option><option value="2">仅输出数字</option></select><select style="" act="appendEnter"><option value="0">回车关闭</option><option value="1" selected>回车开启</option></select><div style="margin-top: 8px;"><input type="radio" name="mg" act="mgNum" id="mg1" value="1" style="height: 10px;"><label for="mg1">磁道1</label><input type="radio" name="mg" act="mgNum" id="mg2" value="2" style="height: 10px;" checked><label for="mg2">磁道2</label><input type="radio" name="mg" act="mgNum" id="mg3" value="3" style="height: 10px;"><label for="mg3">磁道3</label><input type="radio" name="mg" act="mgNum" id="mg4" value="4" style="height: 10px;"><label for="mg4">磁道2/3</label><select style="margin-right: 0px;" act="outType"><option value="0">主动输出</option><option value="1" selected>被动输出</option></select>超时(秒)<input type="text" style="width:30px;" value="15" maxlength="12" act="outTime"></div><button style="margin-right: 0px;padding-left: 0px;padding-right: 0px;" act="scardSet" ref="outInfo,appendEnter,outType,mgNum">磁条输出设置</button><button style="margin-right: 8px;margin-left: 8px;padding-left: 5px;padding-right: 5px;" act="scardGet">输出获取</button><button style="margin-right: 0px;padding-left: 0px;padding-right: 0px;" act="scardRead" ref="outTime,mgNum">获取磁道信息</button></div><!--M1卡--><div><div style="height: 32px;margin-bottom: 7px;"><input type="radio" style="height: 10px;" name="kpm1" id="kpm11" checked act="keyType" value="A"><label for="kpm11">KeyA</label><input type="radio" style="height: 10px;" name="kpm1" id="kpm12" act="keyType" value="B"><label for="kpm12" style="margin-right: 33px;">KeyB</label>地址块<select style="width:70px;" id="addrm1" act="addr"></select></div><div style="padding: 10px 0px;">密钥<input type="text" style="width:230px;" value="FFFFFFFFFFFF" maxlength="12" act="key"></div>数据<input type="text" style="width:230px;font-size: 12px;" maxlength="32" VALUE="000102030405060708090A0B0C0D0E0F" act="data"><div style="padding-top: 10px;">初始化值<input type="text" style="width:30px;margin-right: 20px;" value="256" maxlength="12" act="numInit">增/减值<input type="text" style="width:30px;" value="10" maxlength="12" act="numValue"></div><div id="divm1" style="padding-top: 9px;"><button act="cardm1Find">寻卡</button><button act="cardm1Auth" ref="addr,key,keyType">认证PIN</button><!--<button act="cardm1DownKey" ref="addr,key,keyType">下载密钥</button>--><!--<button act="cardm1Auth" ref="addr,key,keyType" param="{authType:'2'}" style="margin-right: 0px">下载认证</button>--><button act="cardm1Read" ref="addr">读数据</button><!--<button act="cardm1Read" param="{addr:'all'}" style="display: none;">读所有</button>--><button act="cardm1Write" ref="addr,data">写数据</button><!--<button act="cardm1Write" param="{addr:'all'}" ref="data" style="margin-right: 0px;display: none;">写所有</button><br>--><button act="cardm1NumInit"  ref="addr,numInit" style="margin-right: 0px">初始化值</button><button act="cardm1NumAdd"  ref="addr,numValue" style="margin-right: 0px">增值</button><button act="cardm1NumDe"  ref="addr,numValue" style="margin-right: 0px">减值</button><button act="cardm1NumRead"  ref="addr" style="margin-right: 0px">读值</button></div></div><!--4442/4428卡--><div><div style="height: 32px;"><input type="radio" style="height: 10px;" name="kplx" id="kplx1" value="4428" act="type" checked onclick="setI44(this)"><label for="kplx1">4428</label><input type="radio" style="height: 10px;" name="kplx" id="kplx2" value="4442" act="type" onclick="setI44(this)"><label for="kplx2">4442</label></div><br>起始地址<input type="text" style="width:48px;margin-right: 25px;" value="0" act="offset" id="i44begin">长度<input type="text" style="width:48px;margin-right: 25px;" value="1024" act="size" id="i44len">密钥<input type="text" style="width:60px;" value="FFFF" act="key" id="i44key"><div style="padding: 15px 0px 3px;">数据<input type="text" style="width:326px;" act="data"></div><div id="div4442"><button act="card44PowerOn" ref="type">上电</button><button act="card44PowerOff" ref="type">下电</button><button act="card44Read" ref="type, offset, size">读数据</button><button act="card44Write" ref="type, offset, size, data">写数据</button><br><button act="card44AuthPIN" ref="type,key">认证PIN</button><button act="card44EditPIN" ref="type,key">修改PIN</button><button act="card44AuthNum" ref="type">认证数</button><button act="card44ReadPro" ref="type, offset, size" style="width:80px;">读保护数据</button><button act="card44WritePro" ref="type, offset, size" style="width:80px;">写保护数据</button></div></div><!--15693卡--><div>地址<select style="margin-right: 35px;width:54px;" id="addr15693" act="addr"></select>数据<input type="text" style="width:100px;" value="12345678" act="data">AFI/DSFID<input type="text" style="width:50px;" value="2" act="afidsiddata"><div id="div15396"><button act="card15693Find">寻卡</button><button act="card15693Read" ref="addr">读卡</button><button act="card15693Write" ref="addr,data">写卡</button><button act="card15693WriteAFI" ref="afidsiddata" style="margin-right: 0px">写AFI</button><button act="card15693LockAFI" ref="addr,data">锁AFI</button><button act="card15693WriteDSFID" ref="afidsiddata">写DSFID</button><button act="card15693LockDSFID" ref="addr,data">锁DSFID</button><button act="card15693Lock" ref="addr" style="margin-right: 0px">锁定块</button><button act="card15693Info">卡片信息</button><!--<button act="card15693Write" param="{addr:'all'}">读所有</button><button act="card15693Write" ref="data" param="{addr:'all'}">写所有</button>--></div></div><!--指纹<div><div style="display: flex;"><div><img style="height:120px;width:85px" id="imgFP"></div><div style="display: inline-block;margin-left: 30px;"><button act="collectFingerPrint" onclick="ctnFingerPrint=true;" id="btnFingerPrint"  style="margin-right: 0px">开始采集指纹</button><br><button act="" onclick="ctnFingerPrint = false;" style="margin-right: 0px">取消采集指纹</button></div></div></div>--><!--更多--><div id="divmore"><button act="version">版本信息</button><button act="serialNum">芯片序列号</button><button act="closeAnt">关闭天线</button><button act="openAnt">打开天线</button><button act="beep">蜂鸣器</button><button act="readBankNO">银行卡号</button><button act="readSci">读取社保卡</button></div></div><div id="msg" onselectstart="event.stopPropagation();" style="margin-top: 20px; word-break: break-all;padding:3px 3px;border: 2px solid #214283;height: 443px;font-size: 14px;line-height: 27px;box-sizing: border-box;overflow-y: scroll;" ondblclick="$('#msg').html('')">消息区<br>--双击可清空消息--<br></div></div></div>
</body>