nfc模块demo示例

52yaoer

nfc模块仅封装在安卓下对NFC下的NDEF文本数据读写。

点击进入模块详情

<!DOCTYPE html>
<html>
<head>
<title>Module Develop</title>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<style type="text/css">
html, body {
height: 100%
}
body {
background-color: #fff;
margin: 0;
}
#wrap {
height: 100%;
position: relative;
}
#header {
padding-top: 20px;
background-color: #5082c2;
height: 44px;
position: relative;
}
#header h1 {
font-size: 20px;
height: 44px;
line-height: 44px;
margin: 0em;
color: #fff;
margin-left: 100px;
margin-right: 100px;
text-align: center;
}
#main {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
a.button {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
height: 32px;
margin: 8px;
background-color: rgba(240,240,240,1.0);
border-color: rgba(220,220,220,1.0);
border-width: 2px;
border-style: solid;
}
a.active {
background-color: rgba(240,240,240,0.7);
}
</style>
</head>
<body>
<div id="wrap">
<div id="main">
<a class="button" tapmode="active" onclick="readingAvailable()">判断设备是否支持NFC</a>
<a class="button" tapmode="active" onclick="_addEventListener()">设置监听</a>
<a class="button" tapmode="active" onclick="_removeEventListener()">移除监听</a>
<a class="button" tapmode="active" onclick="initPageConfig()">页面信息初始化</a>
<a class="button" tapmode="active" onclick="readText()">读NFC标签文本数据(Android)</a>
<a class="button" tapmode="active" onclick="writeText()">写NFC标签文本数据(Android)</a>
<a class="button" tapmode="active" onclick="startSession()">开始扫描(iOS)</a>
<a class="button" tapmode="active" onclick="endSession()">结束扫描(iOS)</a>
</div>
</div>
</body>
<script>
var demo = null;
apiready = function() {
demo = api.require('nfc');
console.log(demo);
}
function readingAvailable(){
demo.readingAvailable(function(ret, err){
alert(JSON.stringify(ret) + " " +JSON.stringify(err));
});
}
function _addEventListener(){
demo.addEventListener(function(ret, err){
alert(JSON.stringify(ret) + " " +JSON.stringify(err));
});
}
function _removeEventListener(){
demo.removeEventListener();
}
function initPageConfig(){
demo.initPageConfig({
isDebug : true, //开启时，不支持nfc的手机可以打开界面看UI效果
backgroundColor : '#FF4040', //页面背景色
title : {
text : '请读卡1', //标题
color : '#000000', //标题字体颜色
background : '#551A8B', //标题栏背景色
layoutHeight : 45 //标题栏高度
},
center : {
logo : 'widget://image/timg-2.gif', //图片logo文件路径支持fs:// widget://
text : '请将NFC标签或者贴纸靠近手机背面11', //文字说明
color : '#00EE00', //文字说明字体颜色
}
},function(ret, err){
alert(JSON.stringify(ret) + " " +JSON.stringify(err));
});
}
function readText(){
demo.readText(function(ret, err){
alert(JSON.stringify(ret) + " " +JSON.stringify(err));
});
}
function writeText(){
demo.writeText({
data : '我是测试数据12345678fffgs'
},function(ret, err){
alert(JSON.stringify(ret) + " " +JSON.stringify(err));
});
}
function startSession(){
demo.startSession({
alertMessage : '你为什么要nfc识别?',
isOnlyFirst : true,
isParseContent : true
},function(ret, err){
alert(JSON.stringify(ret)+" "+JSON.stringify(err));
});
}
function endSession(){
demo.endSession(function(ret, err){
alert(JSON.stringify(ret) + " " +JSON.stringify(err));
});
}
</script>
</html>

复制代码

APICloud_LA

请问现在没有iOS端功能是因为苹果官方还没开放NFC权限吗

52yaoer

APICloud_LA 发表于 2019-7-17 17:32
请问现在没有iOS端功能是因为苹果官方还没开放NFC权限吗

需要设备支持，，同时在苹果开发者账号申请证书时，需要设置nfc权限。

APICloud_LA

52yaoer 发表于 2019-7-17 17:34
需要设备支持，，同时在苹果开发者账号申请证书时，需要设置nfc权限。

现在试用了你们的这个模块，iOS初始化成功，但是无法读取卡片信息，安卓是可以的。这是什么原因呢

52yaoer

苹果读取的nfc卡要经过mfi认证吧好像。

APICloud_LA

52yaoer 发表于 2019-7-18 11:45
苹果读取的nfc卡要经过mfi认证吧好像。

好的明白了谢谢

APICloud_LA · 回复于2019-11-16 10:50:18

最近NFC模块出现了不进方法也不报错的问题，使用之前打的包是可以正常使用的。现在连给的demo也没发正常使用了，麻烦帮忙看下问题

52yaoer · 回复于2019-11-16 11:48:26

APICloud_LA 发表于 2019-11-16 10:50
最近NFC模块出现了不进方法也不报错的问题，使用之前打的包是可以正常使用的。现在连给的demo也没发正常使 ...

ios？安卓？

广东群创 · 回复于2019-11-17 23:33:36

这个模块确定没有问题吗？现在都已经无法响应了，我这里安卓测试

广东群创 · 回复于2019-11-17 23:57:34

亲，别晚上憋着放大招，你应该是更新了模块把，我换了一个模版滴卡就没事了！！