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

相关推荐
一木 之林9 小时前
Dify学习笔记 03 · RAG检索增强生成:三代范式、评估与落地(第40-45、55-56集)
笔记·小程序·交互·dify
赵小哥要冲啦14 小时前
社区邻里互助小程序从 0 到 1 复盘:需求拆解与信任机制设计
java·小程序·需求分析
河北清兮网络科技19 小时前
石家庄做一套企业知识库系统多少钱?2026 报价明细
小程序·短剧app·广告联盟
Ai-_Man19 小时前
Coze扣子还是不可以导出左侧所有对话,只能点进去单条内容导出,方法不对吗?
开发语言·人工智能·ai·小程序·1024程序员节
微订校园外卖平台20 小时前
新手做校园外卖平台:小程序启动顺序与订单链路验收
小程序·外卖系统·本地生活·微订
FX1317887KP_2 天前
KET口语Part 2看图对话怎么练?“观察—提问—回应”;三步法讲透
小程序·ket口语·pet口语·fce备考·剑桥英语
沃达德软件2 天前
智慧教育教学资源管理系统(PC端+微信小程序)
微信小程序·小程序
阿俊-全栈开发2 天前
LikeShop 小程序商城首页可配置弹窗的设计与实现(Java + uni-app)
小程序·状态模式·likeshop·likeshop开源商城
考拉讲支付3 天前
延迟分账 / 核销分账的技术实现方案:服务完成后再分钱,到底怎么设计?
大数据·运维·人工智能·微信小程序·小程序·系统架构
Newway3213 天前
便利店小程序商城如何打通总部、门店与会员
小程序·小程序商城·会员运营·连锁便利店·门店订货·o2o系统