小程序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读写功能,扩展至实际应用场景中。

相关推荐
禾高网络1 小时前
开启环保新潮流:回收小程序系统功能介绍
java·大数据·小程序
2501_915921434 小时前
详细解析,iOS 应用上架 App Store 的完整流程与指南
android·ios·小程序·https·uni-app·iphone·webview
微三云 - 廖会灵 (私域系统开发)4 小时前
小程序商城系统安全运维剖析:漏洞、风控与长效迭代方案
运维·小程序·系统安全
T01156185 小时前
独立开发者商单实战|商超门店小程序(自提 + 同城配送):小程序全端页面 & 业务流程总图汇总
微信小程序·小程序·个人开发·前端实战
T01156185 小时前
独立开发者商单实战|商超门店小程序(自提 + 同城配送)用户端 & 后台联动踩坑上篇
小程序
梦想的颜色7 小时前
UniApp 四端对齐实战:iOS App / Android App / 小程序 / H5 兼容坑点与完整解决方案|AI 辅助多端落地
android·ios·小程序·uni‑app·uniapp 四端适配·多端兼容·ai 生成 uni‑app
黄华SJ520it1 天前
二二复制定点裂变双轨商城系统开发:原理、架构与实战指南
运维·小程序·架构·系统开发
小码哥0681 天前
2026陪诊小程序与APP开发技术分析
大数据·人工智能·小程序
00后程序员张1 天前
使用Instruments工具深入分析iOS应用性能与启动时间优化
android·macos·ios·小程序·uni-app·cocoa·iphone
程序喵大人1 天前
【C++进阶】STL容器与迭代器 - 10 把容器、迭代器和数据流串成一个小程序
开发语言·c++·容器·小程序·迭代器·stl