B/S结构Web浏览器html网页读写NFC Ntag标签JavaScript源码JS脚本

已于 2024-07-22 16:50:46 修改
阅读量743 收藏 8
点赞数 7
分类专栏： IC读写器 18002295132 QQ:954486673 文章标签： javascript web html 浏览器器 NFC Ntag
于 2023-12-21 10:37:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangjin7422/article/details/135124695
版权

本示例使用的发卡器：https://item.taobao.com/item.htm?spm=a1z10.5-c-s.w4002-21818769070.11.4391789eCLwm3t&id=615391857885


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NFC_Ntag卡读写DEMO</title>

    <script language="javascript">
        var EXTERNKEY = 0x10;    //需要认证卡片密钥
		
        var iswsrun = false;
        var ws;
        var received_msg = "";
        var mytimer;
        var strls = "";
        var errorno = "";

        var wsUri = "ws://127.0.0.1:39189";   //端口号必须与RFIDWebServer端口一致
		
        function isUIntNum(val) {
            var testval = /^\d+$/; // 非负整数
            return (testval.test(val));
        }

        function isHex(val) {
            var testval = /^(\d|[A-F]|[a-f])+$/; // 十六进制数判断
            return (testval.test(val));
        }

        function ButtonDisable() {  //删除按键的 onclick 事件，防止重复执行指令              
            document.getElementById("butt_beep").setAttribute("onclick", null);
            document.getElementById("butt_getdevnum").setAttribute("onclick", null);
            document.getElementById("butt_piccrequest_ul").setAttribute("onclick", null);
            document.getElementById("butt_piccinit_ntag").setAttribute("onclick", null);
            document.getElementById("butt_readcard_ntag").setAttribute("onclick", null);
            document.getElementById("butt_writecard_ntag").setAttribute("onclick", null);
        }

        function beep() {				     //驱动发卡器响声令
            ButtonDisable();                 //删除按键的 onclick 事件，防止重复执行指令 

            textarea.value = "";		
            WebSocketRun("pcdbeep,30");					
        }
		
        function getdevicenumber() {         //读取发卡器唯一出厂序号，可以当加密狗使用			
            ButtonDisable();                 //删除按键的 onclick 事件，防止重复执行指令 

            textarea.value = "";		
			serialnumber.value="";
            WebSocketRun("pcdgetdevicenumber");			
        }			
		
        function piccrequest_ul() {
            ButtonDisable();                 //删除按键的 onclick 事件，防止重复执行指令 

            var RequestCardComm = "piccrequest_ul,";
            WebSocketRun(RequestCardComm);
        }				
		
        function piccinit_ntag() {
            ButtonDisable();                 //删除按键的 onclick 事件，防止重复执行指令 

            textarea.value = "";
            myctrlword = 0; 							//指定控制字，无需密码为0，当需要密码时为EXTERNKEY;
			
            mypiccserial = "00000000000000";  			//指定序列号，00000000000000 表示任意 NTAG卡。
			
            if (checkauth.checked) {			     	//指定密码，NTAG21x卡密码为4个字节，卡出厂时密码功能不启用，这样无需密码也能读写卡
                myctrlword = EXTERNKEY;              	//指定控制字，无需密码为0，当需要密码时为EXTERNKEY;
                mypicckey = authkey0.value.trim();
                if (!isHex(mypicckey) || mypicckey.length!=8) {
                    alert( "卡片认证密钥输入错误，请输入8位16进制密钥！");
                    authkey0.focus();
                    authkey0.select();
                    ButtonEnabled();
                    return;
                }
            }
            else {
                mypicckey = "00000000";               	
            }
			
            //数据准备
            if (selonoff.selectedIndex == 0) {			//开启密码保护功能，写保护功能生效，但读保护需要下面的数据设定                
                newkeystr = newkey.value.trim();		//取新密码
                if (!isHex(newkeystr) || newkeystr.length != 8) {
                    alert( "新密钥输入错误，请输入8位16进制新密钥！");
                    newkey.focus();
                    newkey.select();
                    ButtonEnabled();
                    return;
                }

                strls1 = protectpageno.value.trim();//起始保护页号
                if (!isUIntNum(strls1)) {
                    alert("起始保护页号输入错误!");
                    protectpageno.focus();
                    protectpageno.select();
                    ButtonEnabled();
                    return;
                }
                strls1 = "0" + parseInt(strls1).toString(16);
                beginpage = strls1.substring(strls1.length - 2);	
							                
                //计数器
                strls1 = keyerrortimes.value.trim();//允许密码错误次数
                if (!isUIntNum(strls1)) {
                    alert("允许密码错误次数输入错误!");
                    protectpageno.focus();
                    protectpageno.select();
                    ButtonEnabled();
                    return;
                }
                i = parseInt(strls1);
                i = i % 8;
                if (checkreadon.checked) {
                    i = i + 128;
                }
                strls1 = "0" + i.toString(16);
                authfail = strls1.substring(strls1.length - 2);
				
                packstr = packcode.value.trim();		//取PACK码
                if (!isHex(packstr) || packstr.length != 4) {
                    alert( "PACK密钥确认码输入错误，请输入4位16进制PACK密钥确认码！");
                    packcode.focus();
                    packcode.select();
                    ButtonEnabled();
                    return;
                }				
				
				mypiccdata = "000000";
				mypiccdata = mypiccdata +beginpage;
                mypiccdata = mypiccdata + authfail;
                mypiccdata = mypiccdata + "000000";
                mypiccdata = mypiccdata + newkeystr;         //4字节新密码
                mypiccdata = mypiccdata + packstr;			 //2字节PACK确认码	
				mypiccdata = mypiccdata + "0000";
				
				myctrlword = myctrlword + 0x01; //更新控制字
                myctrlword = myctrlword + 0x02; //更新控制字
                myctrlword = myctrlword + 0x04; //更新控制字
            }
            else {
                mypiccdata = "000000FF";		//MIRROR,RFUI,MIRROR_PAGE,AUTH0
                myctrlword = myctrlword + 0x01; //更新控制字
                mypiccdata = mypiccdata + "000000000000000000000000";
                myctrlword = myctrlword + 0x02; //更新控制字
            }			
			
            var WriteNtagComm = "piccinit_ntag," + myctrlword + "," + mypiccserial + "," + mypicckey + "," + mypiccdata;
            WebSocketRun(WriteNtagComm);
        }
		
        function readcard_ntag() {
            ButtonDisable();                 //删除按键的 onclick 事件，防止重复执行指令 

            textarea.value = "";
			carduid.value="";
            RWdata.value="";

            mypiccserial = "00000000000000";         	//指定序列号，未知卡序列号时可指定为14个0,因为NTAG21x卡是7个字节的卡序列号
            
            if (checkauth.checked) {			     	//指定密码，NTAG21x卡密码为4个字节，卡出厂时密码功能不启用，这样无需密码也能读写卡
                myctrlword = EXTERNKEY;              	//指定控制字，无需密码为0，当需要密码时为EXTERNKEY;
                mypicckey = authkey0.value.trim();
                if (!isHex(mypicckey) || mypicckey.length!=8) {
                    alert( "卡片认证密钥输入错误，请输入8位16进制密钥！");
                    authkey0.focus();
                    authkey0.select();
                    ButtonEnabled();
                    return;
                }
            }
            else {
                mypicckey = "00000000";
                myctrlword = 0;                      	//指定控制字，无需密码为0，当需要密码时为EXTERNKEY;
            }

            myblockaddr = ntagstartno.value.trim();  	//读写起始页
            if (!isUIntNum(myblockaddr)) {
                alert( "读写起始页输入错误!");
                ntagstartno.focus();
                ntagstartno.select();
                ButtonEnabled();
                return;
            }

            myblocksize = ntagpagenumber.value.trim();	//读写页数
            if (!isUIntNum(myblocksize)) {
                alert( "读写页数输入错误!");
                ntagpagenumber.focus();
                ntagpagenumber.select();
                ButtonEnabled();
                return;
            }

            var ReadNtagComm = "piccreadex_ntag," + myctrlword + "," + mypiccserial + "," + mypicckey + "," + myblockaddr + "," + myblocksize;
            WebSocketRun(ReadNtagComm);
        }		
		
        function writecard_ntag() {
            ButtonDisable();                 //删除按键的 onclick 事件，防止重复执行指令 

            textarea.value = "";
			carduid.value="";

            mypiccserial = "00000000000000";         	//指定序列号，未知卡序列号时可指定为14个0,因为NTAG21x卡是7个字节的卡序列号
            
            if (checkauth.checked) {			     	//指定密码，NTAG21x卡密码为4个字节，卡出厂时密码功能不启用，这样无需密码也能读写卡
                myctrlword = EXTERNKEY;              	//指定控制字，无需密码为0，当需要密码时为EXTERNKEY;
                mypicckey = authkey0.value.trim();
                if (!isHex(mypicckey) || mypicckey.length!=8) {
                    alert( "卡片认证密钥输入错误，请输入8位16进制密钥！");
                    authkey0.focus();
                    authkey0.select();
                    ButtonEnabled();
                    return;
                }
            }
            else {
                mypicckey = "00000000";
                myctrlword = 0;                      	//指定控制字，无需密码为0，当需要密码时为EXTERNKEY;
            }

            myblockaddr = ntagstartno.value.trim();  	//读写起始页
            if (!isUIntNum(myblockaddr)) {
                alert( "读写起始页输入错误!");
                ntagstartno.focus();
                ntagstartno.select();
                ButtonEnabled();
                return;
            }

            myblocksize = ntagpagenumber.value.trim();	//读写页数
            if (!isUIntNum(myblocksize)) {
                alert( "读写页数输入错误!");
                ntagpagenumber.focus();
                ntagpagenumber.select();
                ButtonEnabled();
                return;
            }

            //数据
            strls = RWdata.value.trim();
            if (!isHex(strls)  || strls.length<myblocksize*8) {
                alert( "读写数据输入错误，请输入"+(myblocksize*8).toString()+"位16进制写卡数据!");
                RWdata.focus();
                RWdata.select();
                ButtonEnabled();
                return;
            }

            var WriteNtagComm = "piccwriteex_ntag," + myctrlword + "," + mypiccserial + "," + mypicckey + "," + myblockaddr + "," + myblocksize + "," + strls;
            WebSocketRun(WriteNtagComm);
        }

        function ButtonEnabled() {  //恢复各button 的onclick事件            
            document.getElementById("butt_beep").setAttribute("onclick", "beep()");
            document.getElementById("butt_getdevnum").setAttribute("onclick", "getdevicenumber()");
            document.getElementById("butt_piccrequest_ul").setAttribute("onclick", "piccrequest_ul()");
            document.getElementById("butt_piccinit_ntag").setAttribute("onclick", "piccinit_ntag()");
            document.getElementById("butt_readcard_ntag").setAttribute("onclick", "readcard_ntag()");
            document.getElementById("butt_writecard_ntag").setAttribute("onclick", "writecard_ntag()");
        }
		
		function DispErrInfo(errcode){
            var errstr = "";
            switch (errcode) {
                case "ReturnCode:008":
                case "ReturnCode:009":
                case "ReturnCode:010":
                    errstr = "，未寻到卡，请将卡放到发卡器的感应区！";
                    break;
                case "ReturnCode:011":
                case "ReturnCode:012":
                    errstr = "，卡密码认证失败！";
                    break;
                case "ReturnCode:013":
                    errstr = "，读卡失败，可能需要验证密码！";
                    break;
                case "ReturnCode:014":
                    errstr = "，写卡失败，可能需要验证密码！";
                    break;
                case "ReturnCode:021":
                    errstr = "，没有动态库！";
                    break;
                case "ReturnCode:022":
                    errstr = "，动态库或驱动程序异常！";
                    break;
                case "ReturnCode:023":
                    errstr = "，驱动程序错误或发卡器未连接！";
                    break;
                case "ReturnCode:024":
                    errstr = "，操作超时，一般是动态库没有反映！";
                    break;
                case "ReturnCode:025":
                    errstr = "，发送字数不够！";
                    break;
                case "ReturnCode:026":
                    errstr = "，发送的CRC错！";
                    break;
                case "ReturnCode:027":
                    errstr = "，接收的字数不够！";
                    break;
                case "ReturnCode:028":
                    errstr = "，接收的CRC错！";
                    break;
                case "ReturnCode:029":
                    errstr = "，函数输入参数格式错误！";
                    break;
                case "ReturnCode:444":
                    errstr = "，RFIDWebServer系统文件错误！";
                    break;
                default:
                    errstr = "，未知的错误！";
            }
            return errstr;
		}			
		
		
		window.onerror = function (e) {
		    ButtonEnabled();  //恢复按键的onclick事件
            alert("不好意思，出错了!");
            return true;//屏蔽系统事件
        }

        function timeoutevent() {
            ws.close();
            textarea.value = "websockket返回超时";
            ButtonEnabled();  //恢复按键的onclick事件
        }

        //websockket数据处理
        function WebSocketRev(evt) {
            clearTimeout(mytimer);
            received_msg = evt.data;
            ws.close();

            //在这里解析返回数据
            var strlist = received_msg.split(",");
            if (strlist.length > 1) {
                var dispstr = "";
                switch (strlist[0]) {
                    case "pcdbeep":
                        dispstr = "函数名称:" + strlist[0] + "\r\n";
                        if (strlist[1] == "ReturnCode:000") {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + "，已执行蜂鸣响声操作！\r\n"
                        } else {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + DispErrInfo(strlist[1]);
                        }
                        textarea.value = dispstr;
                        break;

                    case "pcdgetdevicenumber":
                        dispstr = "函数名称:" + strlist[0] + "\r\n";
                        if (strlist[1] == "ReturnCode:000") {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + "，已读取设备编号！\r\n"
							serialnumber.value =  strlist[2] ;
                        } else {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + DispErrInfo(strlist[1]);
                        }
                        textarea.value = dispstr;
                        break;

                    case "piccrequest_ul":
                        dispstr = "函数名称:" + strlist[0] + "\r\n";
                        if (strlist[1] == "ReturnCode:000") {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + "，已读取NFC Ntag卡UID号！\r\n";
							carduid.value=strlist[2];							
                        } else {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + DispErrInfo(strlist[1]);
                        }
                        textarea.value = dispstr;
                        break;
						
                    case "piccinit_ntag":
                        dispstr = "函数名称:" + strlist[0] + "\r\n";
                        if (strlist[1] == "ReturnCode:000") {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + "，设置Ntag卡密钥机制成功！\r\n"
                        } else {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + DispErrInfo(strlist[1]);
                        }
                        if (strlist.length > 2) {
                            carduid.value=strlist[2];	
                        }
                        textarea.value = dispstr;
                        break;		
						
                    case "piccreadex_ntag":
                        dispstr = "函数名称:" + strlist[0] + "\r\n";
                        if (strlist[1] == "ReturnCode:000") {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + "，已读取卡内数据！\r\n"
                        } else {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + DispErrInfo(strlist[1]);
                        }
                        if (strlist.length > 2) {
							carduid.value=strlist[2];
                        }
                        if (strlist.length > 3) {
                            RWdata.value= strlist[3];
                        }
                        textarea.value = dispstr;
                        break;	
						
					case "piccwriteex_ntag":
                        dispstr = "函数名称:" + strlist[0] + "\r\n";
                        if (strlist[1] == "ReturnCode:000") {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + "，写卡成功！\r\n"
                        } else {
                            dispstr = dispstr + "操作结果:" + strlist[1];
                            dispstr = dispstr + DispErrInfo(strlist[1]);
                        }
                        if (strlist.length > 2) {
                            carduid.value=strlist[2];	
                        }
                        textarea.value = dispstr;
                        break;																										
                }
            }
            ButtonEnabled();   //恢复各button 的onclick事件            
        }		
		
        function WebSocketRun(sendinfo) {
            iswsrun = false;

            try {
                if ("WebSocket" in window) {
                    ws = new WebSocket(wsUri);
                }
                else if ("MozWebSocket" in window) {
                    ws = new MozWebSocket(wsUri);
                }
                else {
                    received_msg = "您的浏览器不支持WebSocket，请选用支持WebSocket的浏览器！";
                    ButtonEnabled();  //恢复按键的onclick事件
                    return;
                }

                clearTimeout(mytimer);

                ws.onopen = function (evt) {
                    ws.send(sendinfo);
                    iswsrun = true;

                    mytimer = setTimeout("timeoutevent()", 2000);
                };

                ws.onmessage = WebSocketRev;

                ws.onerror = function (e) {
                    if (iswsrun != true) {
                        received_msg = "请先在当前电脑下载>安装>运行我们的服务程序......";
                        window.open("http://www.bossknow.cn:90/RongShiWebReaderTest/RFIDWebServerSetup_Windows.rar", "top");//打开新窗口
                        ButtonEnabled();  //恢复按键的onclick事件
                        alert("请先下载>安装>运行我们的服务程序，再刷新本页面......");
                    }
                };
            }
            catch (ex) {
                if (iswsrun != true) {
                    received_msg = "请先在当前电脑下载>安装>运行我们的服务程序......";
                    window.open("http://www.bossknow.cn:90/RongShiWebReaderTest/RFIDWebServerSetup_Windows.rar", "top");//打开新窗口
                    ButtonEnabled();  //恢复按键的onclick事件
                    alert("请先下载>安装>运行我们的服务程序，再刷新本页面......");
                }
            }
        }
				
	</script>
    
	<style>
		th {
		  background-color:#F6FAFF;	
		  color: blue;
		  font-family:楷体;
		}
		td {
		  background-color:#F6FAFF;		
		  font-family:楷体;
		}
    </style>    
        
</head>

<body>
<table width="866" height="487"  align="center">
  <tr>
    <th width="124" height="45" scope="row"><input style="width:120px" name="butt_beep" type="submit" id="butt_beep" onclick="beep()" value="驱动发卡器响声" /></th>
    <td width="716"><input name="butt_getdevnum" type="submit" id="butt_getdevnum" onclick="getdevicenumber()" value="读取发卡器唯一出厂序列号" />
      设备编号：
      <input style="color:red;text-align:center;" name="serialnumber" type="text" id="serialnumber" size="8" maxlength="8" /></td>
  </tr>
  
  <tr>
    <th height="45" scope="row"><input style="width:120px" name="butt_piccrequest_ul" type="submit" id="butt_piccrequest_ul" onclick="piccrequest_ul()" value="寻Ntag卡获取UID" /></th>
    <td>原始16进制卡号：
      <input style="color:red;text-align:center;" name="carduid" type="text" id="carduid" size="14" maxlength="14" /></td>
  </tr>
  

  <tr>
    <th height="45" scope="row">&nbsp;</th>
    <td><p>
      <input type="checkbox" name="checkauth" id="checkauth" />
      
      选择先认证卡片密钥再继续以下的操作，16进制卡片认证密钥：
      <label for="authkey0"></label>
    <input style="color:blue;text-align:center;" name="authkey0" type="text" id="authkey0" value="12345678" size="8" maxlength="8" onkeyup="this.value=this.value.replace(/[^0-9a-fA-F]/g,'')"/>
    </p></td>
  </tr>
  <tr>
    <th height="139" scope="row"><p>
      <input style="width:120px" name="butt_piccinit_ntag" type="submit" id="butt_piccinit_ntag" onclick="piccinit_ntag()" value="设置卡片密钥机制" />
    </p></th>
    <td><p>
      <label for="rwtext"></label>
      <select style="color:blue;" name="selonoff" id="selonoff">
        <option>开启卡片密钥保护功能</option>
        <option selected="selected">取消卡片密钥保护功能</option>
      </select>
    ，从：
    <input style="color:blue;text-align:center;" name="protectpageno" type="text" id="protectpageno" value="20" size="4" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')"/>
    页开始有密钥保护功能，
    <input type="checkbox" name="checkreadon" id="checkreadon" />
    选择开启读操作密钥保护。</p>
      <p>新密钥：
        <input style="color:blue;text-align:center;" name="newkey" type="text" id="newkey" value="12345678" size="8" maxlength="8" onkeyup="this.value=this.value.replace(/[^0-9a-fA-F]/g,'')"/>
      ，允许密钥认证失败次数：
      <input style="color:blue;text-align:center;" name="keyerrortimes" type="text" id="keyerrortimes" value="0" size="2" maxlength="2" onkeyup="this.value=this.value.replace(/\D/g,'')"/>
      ，PACK密钥确认码：
      <input style="color:blue;text-align:center;" name="packcode" type="text" id="packcode" value="1234" size="4" maxlength="4" onkeyup="this.value=this.value.replace(/[^0-9a-fA-F]/g,'')"/>
      </p>
    <p style="color:red;">警告：当密钥认证失败次数取值0表示不限制次数，认证密钥操作失败大于设置值时卡片将会报废！</p></td>
  </tr>
  
  <tr>
    <th  height="100" scope="row"><p>
      <input style="width:120px" name="butt_readcard_ntag" type="submit" id="butt_readcard_ntag" onclick="readcard_ntag()" value="轻松读Ntag卡" />
    </p>
    <p>&nbsp;</p>
    <p>
      <input style="width:120px" name="butt_writecard_ntag" type="submit" id="butt_writecard_ntag" onclick="writecard_ntag()" value="轻松写Ntag卡" />
    </p></th>
    <td><p>读写起始页：
      <input style="color:blue;text-align:center;" name="ntagstartno" type="text" id="ntagstartno" value="4" size="4" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')"/>
    ，读写页数：
    <input style="color:blue;text-align:center;" name="ntagpagenumber" type="text" id="ntagpagenumber" value="10" size="2" maxlength="2" onkeyup="this.value=this.value.replace(/\D/g,'')"/>
    ，每次最多读12页、写11页。</p>
      <p>
        <textarea style="color:red;font-family:楷体;" name="RWdata" id="RWdata" cols="100" rows="3" onkeyup="this.value=this.value.replace(/[^0-9a-fA-F]/g,'')"></textarea>
    </p></td>  
  </tr>  
  
  <tr>
    <th height="78" scope="row"><p>操作提示</p></th>
    <td><textarea style="color:blue;" name="textarea" id="textarea" cols="100" rows="5" ></textarea></td>
  </tr>
</table>
</body>
</html>

超薄便携USB免驱全协议NFC读写器IC-02BV2Q_广州荣士电子公司

vx_13822155058
关注
专栏目录
JavaScript读写RFID、NFC HTM网页源码
02-24
JavaScript读写RFID、NFC、NDEF的HTML网页脚本，包括：1、轮询读取ID卡卡号；2、读写ISO15693 NXP ICODE2标签；3、读写FM208CPU卡；4、读写MifareOne M1卡；5、读写NFC Ntag标签；6、读写低频T5557卡；7、读写智能海报、地图坐标、呼叫电话、WIFI连接、蓝牙连接、电子名片、文本等NDEF信息。
html调用nfc读取,index.html
weixin_42613773的博客
06-05 1455
南风的博客#container.show {background: linear-gradient(200deg,#a0cfe4,#e8c37e);}南风兴之所至主页书源所有文章友链关于我南风兴之所至主页书源使用systemctl开机启动frp2019-09-261、在终端输入以下命令在/lib/systemd/system/目录中创建一个叫frps.service的文件1sudo nano /l...
JavaScript WebSocket NFC读写器示例源码
zhangjin7422的专栏
06-23 1868
随着微软宣布IE浏览器6月16日正式退役，以前IE+Active控件开发的RFID读写方式也将随IE的退役而慢慢没落。为支持NFC读写器在各种浏览器上都能使用，使用JavaScript + WebSocket做的新HTML网页连接RFID读写器读写卡片，使读写器不在局限于只支持IE内核的浏览器，360、搜狗、QQ、UC、猎豹、IE、Microsoft Edge、Google Chrome、Firefox火狐等浏览器都可完美接入读写器读写IC卡。...............
Android（安卓）原生NFC功能开发：附 js与安卓交互方式
weixin_43097056的博客
05-06 3483
要点： 以下示例是： 1：入参和读取到的返回结果：都采用Android与js交互的方式处理 2：读取卡片等的 某一扇区(该扇区带有秘钥)的信息并解析，扇区和秘钥都可以在前端手动入参 3：如果想要获取所有扇区的信息，可以放开processIntent 方法中的一些注释(我保留了获取所有扇区信息的代码)稍加修改测试即可。 //主干代码 package com.xxxx.xxx; impor...
nfc-pcsc：在Node.js中轻松读写NFC标签和卡
02-02
nfc-pcsc 轻松在Node.js中读写NFC标签和卡 内置对自动读取卡UID和读取用模拟的标签的支持。 注意：读取标签UID以及写入和读取标签内容的方法取决于NFC读取器命令支持。 它经过测试可与ACR122 USB读取器一起使用，但应与所有PC / SC兼容设备一起使用。 当检测标签不起作用时，请参阅。 该库在后台使用了pcsclite本地绑定 。 s！ 升级到0.6.0有问题吗？ 查看。 内容 安装 要求：至少Node.js 8或更高版本（有关更多信息，请参阅 ） 注意：该库只能在Linux / UNIX，macOS和Windows的Node.js环境中使用。 阅读原因。 节点本机模块构建工具 因为此库（通过在）使用Node Native Modules（C ++附加组件），当通过npm或yarn安装时会自动构建（使用 ），因此您需要安装C / C ++编译器工具链以及其他一些工具，具体取决于您的操作系统。 请参阅以获取所需工具的列表，具体取决于您的操作系统以及安装步骤。 操作系统中的PC / SC API 在macOS和Windows上，您无需安装任何东西
WEB浏览器读写NFC、RFID、NDEF智能海报JavaScript源码
02-28
JavaScript读写RFID、NFC、NDEF的HTML网页脚本，包括：1、轮询读取ID卡卡号；2、读写ISO15693 NXP ICODE2标签；3、读写FM208CPU卡；4、读写MifareOne M1卡；5、读写NFC Ntag标签；6、读写低频T5557卡；7、读写智能...
web浏览器读写NFC Ntag213、215、216
最新发布
06-28
JavaScript开发的Web浏览器连串口发卡器直接读写NFC Ntag标签，无需安装运行任何插件，支持谷歌Google Chrome、Microsoft Edge、Firefox等内核的主流浏览器。包括选择已连接发卡器的串口、打开串口设置波特率、初始...
Web Serial api 浏览器串口通讯读写NFC标签
06-24
Web Serial api 浏览器串口通讯读写M1卡源码，展示了在网页上选择打开本机已配对的串口，并向串口发送指令驱动串口读写器发出响声、向串口发送读、写、修改卡片密钥等指令，接收串口返回的数据并解析获取 读取的卡号...
读写15693标签javascript示例源码(一代有驱).rar
08-23
通过这些源码，开发者可以学习如何在浏览器环境中利用JavaScript和OCX插件进行RFID标签的读写操作，这对于构建Web应用，例如在线库存管理、产品追踪等具有实际价值。但需要注意的是，由于依赖于ActiveX，这些示例...
网络web调用IC卡读写器demo范例及源码
01-07
此款读写器保留了以往机型的优点，性能更稳定、速度更快、功耗更小，使用了更稳定的电脑USB电源，故障率更低。由于读写器的电路板、单片机程序、USB接口驱动程序及函数全部由公司自主开发，所以我们能够把复杂的IC卡认证读写器过程集成转化为更简单的函数调用操作，即使是从未接触过一卡通开发的软件开发人员，写起程序来也毫不困难，一点都不浪费开发时间。一般的计数、扣费操作，只需一个读卡、一个写卡、一个蜂鸣器响声的函数，就能轻松搞定。
Native.js 读写NFC数据
weixin_34362790的博客
02-22 4011
2019独角兽企业重金招聘Python工程师标准>>> ...
Web NFC: 在网页上实现
lostdeer
06-17 985
Web NFC 是一项允许网页通过近场通讯（NFC）与物理世界进行交互的新技术。通过 Web NFC，用户可以通过简单的接触将智能手机或其他 NFC 设备与 NFC 标签或读卡器进行通信，从而实现新的创新和用户体验。
uni-app实现NFC读取功能
rayong的博客
09-17 4101
好久没有写博客了，今天难得有空重新记录自己学习的点点滴滴。 文章目录1、NFC方法.js2、在用NFC的页面调用方法3、页面效果图4、总结 1、NFC方法.js // 包路径 const package_NdefRecord = 'android.nfc.NdefRecord'; const package_NdefMessage = 'android.nfc.NdefMessage'; const package_TECH_DISCOVERED = 'android.nfc.action.TECH_DIS
dcloud Native.js NFC开发
Sychel的专栏
11-26 6793
这是dcloud的移动app开发技术，其中涉及Native.js的开发方法，这里仅供参考
uniApp使用hexiii-nfc.js实现nfc刷ic功能
Benz_s600的博客
12-03 4369
uniApp使用hexiii-nfc.js实现nfc刷卡功能
html调用手机NFC,NFC门禁模拟-教你用NFC手机模拟门禁卡
weixin_39830012的博客
06-04 1481
注意，本文针对未加密门禁模拟，加密门禁请看这里：使用本程序可以让手机的NFC模拟各种门禁卡片，从而可以用手机代替门禁卡，文末提供演示。我默认用户朋友都是IT高手，所以小白请学习相关知识后再入坑。使用须知：由于很多朋友折腾了半天发现原来自己的手机或者自己的门禁系统不能成功模拟，所以我在这里提前说一下怎么预测你能否成功，免得大家走冤枉路。软件原理：利用手机NFC模拟IC卡的卡号信息，注意只是卡号信息，...
web端接收读卡器卡片信息
Lucy Wu
02-15 1767
通过电脑连接的读卡器读取卡片信息，并由web页面接收和处理卡片信息。原因：卡片信息会激活输入法功能，input收到的结果会受输入法影响。解决方法：将input的type属性置为password。二、带中文输入法的设备接收到的数据错乱。
cordova NFC读卡（javascript）
大师的资源
12-22 6546
下面代码也许有助你使用cordova的NFC插件功能，自己理解吧，哦，说一下，这是前端Html JavaScript方法，非java 插件 前提：配置cordova的插件方法,还不会就自己度娘。 HTML页面上有个 id='state' 文本框或者label，显示NFC状态。 关键代码在initNFC 之后，前面都是生成代码。 var a
微信小程序 NFC HCE卡模拟
热门推荐
lambert_Lei的专栏
03-29 3万+
需要实现带模拟一张智能卡（门禁卡或者其他业务卡），使用带NFC设备根据指定协议进行读取模拟卡数据（效果图如下）： 1. 模拟卡设计 这里使用设备自带NFC模拟卡（HCE）模式，模拟出一张虚拟卡，类似华为钱包，applepay钱包等。选择添加的卡，提供读取。 1.1 数据包交互协议 类TLV数据包格式，及Tag Length Value（和银联IC卡返回数据协议类似）。......
B/S模式选课系统设计与实现：SQL Server + ASP.NET
系统采用SQL Server 2000作为后台数据库服务器，利用ASP.NET技术开发前端动态网页，并运用ADO.NET技术进行数据库的连接和操作，构建了一个基于B/S（Browser/Server，浏览器/服务器）模式的选课系统。 首先，ASP.NET...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

vx_13822155058

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值