更新记录

1.0.3（2022-12-03） 下载此版本

更新一下操作说明

1.0.2（2022-12-03） 下载此版本

增加安卓手机微信小程序nfc读卡体验

1.0.1（2022-09-21） 下载此版本

防止页面重复读卡，导致获取不到卡号

平台兼容性

uni-app

这里只展示app版使用示例

重要提示：不要一开始就一直将卡片靠近nfc通信区域，否则点我读卡后失效

正确操作：先点击点我读卡，让nfc处于监听状态后，再将卡片靠近

<template>
  <view class="member-page">
    <uni-notice-bar show-icon text="读卡须知: 每次读卡之前先点击读卡按钮!" />
    <button @click="readData()">点我读卡</button>
  </view>
</template>

<script>
import nfc from '../../utils/nfc/tool.js'
export default {
    data() {
        return {
            cardUID: ""
        }
    },
    methods: {
        readData() {
            let _this = this;
            nfc.nfcGetId({
                success: function(data) {
                    console.log(data)
                    _this.cardUID = data
                },
                fail: function(err) {

                },
                complete: function() {

                }
            });

        }

    },
    onHide() {
        // #ifdef APP-PLUS
        plus.globalEvent.removeEventListener('newintent', function() {
            //console.log('remove newintent');
        });
        plus.globalEvent.removeEventListener('pause', function(e) {
            //console.log('remove pause');
        });
        plus.globalEvent.removeEventListener('resume', function(e) {
            //console.log('remove resume');
        });
        // #endif
    },
    // 销毁监听事件 避免重新进入页面重复读卡
    beforeDestroy() {
        // #ifdef APP-PLUS 
        plus.globalEvent.removeEventListener('newintent', function() {
            //console.log('remove newintent');
        });
        plus.globalEvent.removeEventListener('pause', function(e) {
            //console.log('remove pause');
        });
        plus.globalEvent.removeEventListener('resume', function(e) {
            //console.log('remove resume');
        });
        // #endif
    }

}
</script>

微信小程序版体验一下(手机功能 --> nfc读卡)