uni - app的 nfc功能使用鱼住未来第三方插件完成
使用 第三方插件,实现小程序 nfc功能
·
1、鱼住未来注册
https://console.aidoing.com.cn/home/workplace
2、注册好,创建应用
3、manifest.json中源码视图
"plugins" : {
"yz-reader" : {
"version" : "1.6.1",
"provider" : "wx0d82ce42bf0f4960"
}
}
4、哪个页面使用nfc就再json文件中配置
{
"path": "",
"style": {
"navigationBarTitleText": "名单",
"navigationStyle": ""
},
"usingComponents": {
"yz-reader": "plugin://yz-reader/yz-reader"
}
}
5、使用uni-app写功能
<yz-reader
appID="wxc500f84b30be87a6" //开发者权限id
appKey="44063E7AA82B6C38D67826FA040F1979" // 创建应用时候的appKey
appSecret="ZmNmMTA1NGU3OTU5NWVkZTFjODY4OGFjZTYxMjQ1OWY=" // 创建应用时候的appSecret
ownIdentification="wechat-nickname"
style="width: 100%;"
@reading="handlerReading" // nfc识别事件
userDefined="true" // nfc识别界面 为true时隐藏界面 也可以识别数据
></yz-reader>
注意:使用uniapp写的时候 事件是@reading="handlerReading"
使用原生微信开发者工具写的时候 事件是 :reading="handlerReading"
每次第三方插件创建应用,有20次nfc识别机会使用,用完之后,创建新的应用就可以了,切记新的应用切换appkey appsecret
6、@reading="handlerReading"方法
handlerReading(data) {
const { success, error, status, percent, cardInfo } = data.detail
if (success) {
// 读卡状态和进度
console.log('-reading process-', status, percent)
if (status === 3) {
// 读卡成功
console.log('-reading success-', cardInfo)
}
} else {
// 读卡失败
console.log('-reading error-', error)
}
},
附上第三方插件,使用链接:
更多推荐
已为社区贡献5条内容
所有评论(0)