更新记录
1.0.1(2024-05-09) 下载此版本
优化代码,增加callback
1.0.0(2024-05-09) 下载此版本
版本1.0.0
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | - | √ | × | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | - | × | × | × | × |
功能介绍
- 读取NFC标签id
- 设置NFC标签内容
- 读取NFC标签内容
使用方法
uni_modules
方式- 点击右上角的
使用 HBuilder X 导入插件
按钮直接导入项目或点击下载插件 ZIP
按钮下载插件包并解压到项目的uni_modules/yang-nfc-tag
目录下 - 在需要使用页面的
vue
文件中添加
- 点击右上角的
import {
initNFC,
closeNFC,
setNfcType,
setNfcText
} from '@/uni_modules/yang-nfc-tag/js_sdk/nfc.js';
function showToast(title, duration = 1500) {
uni.showToast({
title,
icon: 'none',
duration
})
}
onLoad() {
initNFC(({
code,
data,
message
}) => {
if (code !== 200) return showToast(message)
console.log(data)
switch (data.type) {
case 'cardNo':
showToast(data.id, 3000)
break;
case 'read':
showToast(data.text, 3000)
break;
case 'write':
showToast(message)
break;
default:
showToast('未知属性')
}
})
},
onUnload() {
this.cardNoNfc = '';
closeNFC();
},
methods: {
setValue() {
setNfcText('我是设置的写入内容')
},
typeChange(e = 'cardNo') {
setNfcType(e)
},
}
setNfcType枚举
| cardNo| 读取卡号 | | write | 写入内容 | | read | 读取内容 |