小程序NFC应用

微信小程序的NFC读写功能基于微信提供的API实现,允许开发者在小程序中访问设备的NFC模块,进行标签读取和写入操作。该功能适用于门禁卡、支付、物流追踪等场景。微信官方提供了wx.getNFCAdapter接口获取NFC适配器实例,后续操作均基于此适配器。

使用前需注意:

  • 手机硬件需支持NFC功能。
  • 微信版本要求7.0.0及以上。
  • 需在小程序后台配置NFC权限。

实现步骤

1. 初始化NFC适配器

通过wx.getNFCAdapter获取NFC适配器实例,并检查设备支持情况:

javascript 复制代码
const nfcAdapter = wx.getNFCAdapter();
if (!nfcAdapter) {
  wx.showToast({ title: '设备不支持NFC', icon: 'none' });
  return;
}

2. 监听NFC标签发现

使用onDiscovered监听NFC标签靠近事件,获取标签ID(UID)或其他数据:

javascript 复制代码
nfcAdapter.onDiscovered(res => {
  const uid = res.id; // 标签UID(16进制字符串)
  wx.showModal({ title: '检测到NFC标签', content: `UID: ${uid}` });
});

3. 读取NFC标签数据

调用getNdefMessage读取标签中的NDEF格式数据(如文本、链接):

javascript 复制代码
nfcAdapter.getNdefMessage({
  success(res) {
    const messages = res.messages; // NDEF消息数组
    messages.forEach(msg => {
      if (msg.recordType === 'text') {
        console.log('文本内容:', msg.payload);
      }
    });
  },
  fail(err) {
    console.error('读取失败:', err);
  }
});

4. 写入NFC标签数据

通过writeNdefMessage写入NDEF格式数据(需标签可写):

javascript 复制代码
nfcAdapter.writeNdefMessage({
  messages: [{ recordType: 'text', payload: 'Hello NFC' }],
  success() {
    wx.showToast({ title: '写入成功' });
  },
  fail(err) {
    console.error('写入失败:', err);
  }
});

应用案例:门禁卡模拟

以下是一个模拟门禁卡功能的完整代码示例,实现读取标签UID并验证权限:

javascript 复制代码
Page({
  data: {
    uid: '',
    access: false,
  },

  onLoad() {
    this.initNFC();
  },

  initNFC() {
    const nfcAdapter = wx.getNFCAdapter();
    if (!nfcAdapter) {
      wx.showToast({ title: '设备不支持NFC', icon: 'none' });
      return;
    }

    nfcAdapter.onDiscovered(res => {
      this.setData({ uid: res.id });
      this.checkAccess(res.id);
    });
  },

  checkAccess(uid) {
    // 模拟验证逻辑:假设合法UID为 '0A1B2C3D'
    const validUIDs = ['0A1B2C3D', '4E5F6A7B'];
    const access = validUIDs.includes(uid);
    this.setData({ access });
    
    if (access) {
      wx.showModal({ title: '验证通过', content: '欢迎进入' });
    } else {
      wx.showModal({ title: '验证失败', content: '无效门禁卡' });
    }
  },
});

注意事项

  • 用户授权:首次调用NFC功能时会弹窗请求权限,需用户手动允许。
  • 兼容性:不同手机厂商的NFC协议实现可能差异,建议测试多款设备。
  • 调试工具:开发者工具无法模拟NFC功能,需真机调试。

通过上述代码和案例,可快速实现基于微信小程序的NFC读写功能,扩展至实际应用场景中。

相关推荐
m0_526119406 天前
iconfont我修改好颜色,但是在小程序项目是黑色的
小程序
2601_956743686 天前
2026 上海小程序开发甄选:源码、云函数、跨端兼容技术评判
小程序·开发经验·上海
IT_张三6 天前
CSDN-项目分享-暑期备考小程序
小程序
IsJunJianXin6 天前
pdd小程序 cdp 保存响应体
linux·服务器·小程序·pdd小程序·拼多多响应体解密·小程序cdp·拼多多rpc取响应体
Geek_Vison6 天前
APP瘦身实战:从80MB+砍到15MB——基于小程序容器技术剥离APP非核心业务的实践分享
小程序·uni-app·mpaas
weikecms6 天前
聚合返利CPS小程序快速搭建教程
人工智能·微信·小程序
Haibakeji7 天前
长沙餐饮门店点餐配送小程序定制开发
大数据·小程序
2501_915918417 天前
iOS App性能测试工具的实现方法与优化循环指南
android·ios·小程序·https·uni-app·iphone·webview
程序鉴定师7 天前
2026济南十大App制作公司测评(精简版):覆盖小程序、定制开发与跨平台方案
大数据·小程序
斯内普吖7 天前
(开源)高校素拓分管理系统小程序实战指南 基于 Java + SpringBoot + uni-app + Vue + MySQL
java·spring boot·mysql·小程序·uni-app·开源