更新记录

1.0.1(2024-05-09) 下载此版本

优化代码,增加callback

1.0.0(2024-05-09) 下载此版本

版本1.0.0


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.7.9 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × ×

功能介绍

  • 读取NFC标签id
  • 设置NFC标签内容
  • 读取NFC标签内容

使用方法

  • uni_modules 方式
    1. 点击右上角的 使用 HBuilder X 导入插件 按钮直接导入项目或点击 下载插件 ZIP 按钮下载插件包并解压到项目的 uni_modules/yang-nfc-tag 目录下
    2. 在需要使用页面的 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 | 读取内容 |

隐私、权限声明

1. 本插件需要申请的系统权限列表:

<uses-permission android:name="android.permission.NFC" />

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问