前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uniapp nfc读写

uniapp nfc读写

作者头像
风花一世月
发布2024-03-19 13:15:11
3120
发布2024-03-19 13:15:11
举报
文章被收录于专栏:前端

1.先添加权限

代码语言:javascript
复制
"<uses-permission android:name=\"android.permission.NFC\"/>"

2.添加NFC调用js

代码语言:javascript
复制
import store from '@/store/index.js'

// 包路径
const package_NdefRecord = 'android.nfc.NdefRecord';
const package_NdefMessage = 'android.nfc.NdefMessage';
const package_TECH_DISCOVERED = 'android.nfc.action.TECH_DISCOVERED';
const package_Intent = 'android.content.Intent'; 
const package_Activity = 'android.app.Activity'; 
const package_PendingIntent = 'android.app.PendingIntent'; 
const package_IntentFilter = 'android.content.IntentFilter'; 
const package_NfcAdapter = 'android.nfc.NfcAdapter'; 
const package_Ndef = 'android.nfc.tech.Ndef'; 
const package_NdefFormatable = 'android.nfc.tech.NdefFormatable'; 
const package_Parcelable = 'android.os.Parcelable'; 
const package_String = 'java.lang.String'; 

let NfcAdapter;
let NdefRecord;
let NdefMessage;
let readyWriteData = false;//开启写
let readyRead = false;//开启读
let noNFC = false;
let techListsArray = [
    ['android.nfc.tech.IsoDep'],
    ['android.nfc.tech.NfcA'],
    ['android.nfc.tech.NfcB'],
    ['android.nfc.tech.NfcF'],
    ['android.nfc.tech.Nfcf'],
    ['android.nfc.tech.NfcV'],
    ['android.nfc.tech.NdefFormatable'],
    ['android.nfc.tech.MifareClassi'],
    ['android.nfc.tech.MifareUltralight']
];
// 要写入的数据
let text = '{id:666,name:aaa,stie:ffff.com}';
let readResult = '';

export default {
    listenNFCStatus: function () {
        console.log("---------监听NFC状态--------------")
        let that = this;
        try {
            let main = plus.android.runtimeMainActivity();
            let Intent = plus.android.importClass('android.content.Intent');
            let Activity = plus.android.importClass('android.app.Activity');
            let PendingIntent = plus.android.importClass('android.app.PendingIntent');
            let IntentFilter = plus.android.importClass('android.content.IntentFilter');
            NfcAdapter = plus.android.importClass('android.nfc.NfcAdapter');
            let nfcAdapter = NfcAdapter.getDefaultAdapter(main);
            
            if(nfcAdapter == null){
                uni.showToast({
                  title: '设备不支持NFC!',
                  icon: 'none'
                })
                noNFC = true;
                return;
            }
            
            if (!nfcAdapter.isEnabled()) {
                uni.showToast({
                  title: '请在系统设置中先启用NFC功能!',
                  icon: 'none'
                });
                noNFC = true;
                return;
            }else{
                noNFC = false;
            }
            
            let intent = new Intent(main, main.getClass());
            intent.addFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP);
            let pendingIntent = PendingIntent.getActivity(main, 0, intent, 0);
            let ndef = new IntentFilter("android.nfc.action.TECH_DISCOVERED");
            ndef.addDataType("*/*");
            let intentFiltersArray = [ndef];
            
            plus.globalEvent.addEventListener('newintent',function() {
                console.log('newintent running');
                // 轮询调用 NFC
                setTimeout(that.nfcRuning(), 1000);
            });
            plus.globalEvent.addEventListener('pause',function(e) {
                console.log('pause running');
                if (nfcAdapter) {
                    //关闭前台调度系统
                    //恢复默认状态
                    nfcAdapter.disableForegroundDispatch(main);
                }
            });
            plus.globalEvent.addEventListener('resume',function(e) {
                console.log('resume running');
                if (nfcAdapter) {
                     //开启前台调度系统
                    // 优于所有其他NFC
                    nfcAdapter.enableForegroundDispatch(main, pendingIntent, intentFiltersArray, techListsArray);
                }
            });
            nfcAdapter.enableForegroundDispatch(main, pendingIntent, intentFiltersArray, techListsArray); 
        } catch (e) {
            console.error(e);
        }
    },
    nfcRuning: function () { //
        console.log("--------------NFC 运行---------------")
        NdefRecord = plus.android.importClass("android.nfc.NdefRecord");
        NdefMessage = plus.android.importClass("android.nfc.NdefMessage");
        let main = plus.android.runtimeMainActivity();
        let intent = main.getIntent();
        let that = this;
        
        console.log("action type:" + intent.getAction());
        console.log(package_TECH_DISCOVERED == intent.getAction());
        if (package_TECH_DISCOVERED == intent.getAction()) {
            if (readyWriteData) {
                console.log("----------我在写1-------------")
                that.write(intent);
                readyWriteData = false;
            } else if (readyRead) {
                console.log("----------我在读1-------------")
                that.read(intent);
                readyRead = false;
            }
        }
    },
    write(intent) {  //写代码
        console.log("----------我在写-------------")
        try {
            toast('请勿移开标签 正在写入...');
            console.log("text=" + text);
            
            let textBytes = plus.android.invoke(text, "getBytes");
            // image/jpeg text/plain  
            let textRecord = new NdefRecord(NdefRecord.TNF_MIME_MEDIA,
                                            plus.android.invoke("text/plain", "getBytes"),  
                                            plus.android.invoke("", "getBytes"), textBytes);
            let message = new NdefMessage([textRecord]);
            let Ndef = plus.android.importClass('android.nfc.tech.Ndef');
            let NdefFormatable = plus.android.importClass('android.nfc.tech.NdefFormatable');
            let tag = intent.getParcelableExtra(NfcAdapter.EXTRA_TAG);
            let ndef = Ndef.get(tag);
            if (ndef != null) {
                // 待写入的数据长度
                let size = message.toByteArray().length;
                ndef.connect();
                if (!ndef.isWritable()) {
                    toast('tag不允许写入!');
                    return;
                }
                if (ndef.getMaxSize() < size) {
                    toast('文件大小超出容量!');
                    return;
                }
                ndef.writeNdefMessage(message);  //写入数据
                toast('写入数据成功!');
                return;
            } else {
                let format = NdefFormatable.get(tag);
                if (format != null) {
                    try {
                        format.connect();
                        format.format(message);
                        toast('格式化tag并且写入message');
                        return;
                    } catch (e) {
                        toast('格式化tag失败.');
                        return;
                    }
                } else {
                    toast('Tag不支持NDEF');
                    return;
                }
            }
        } catch (e) {
            toast('写入失败');
            console.log("error=" + e);
        }
    
    },
    read(intent) { // 读代码
        console.log("----------我在读read-------------")
        toast('请勿移开标签正在读取数据');
        let that = this;
        // NFC id
        let bytesId = intent.getByteArrayExtra(NfcAdapter.EXTRA_ID);
        let nfc_id = that.byteArrayToHexString(bytesId);
        console.log('nfc_id:', nfc_id);
        let Parcelable = plus.android.importClass("android.os.Parcelable");
        let rawmsgs = intent.getParcelableArrayExtra("android.nfc.extra.NDEF_MESSAGES");
        //let rawmsgs = intent.getParcelableArrayExtra();
        
        console.log("数据"+rawmsgs)
        if(rawmsgs != null && rawmsgs.length > 0) {
            let records = rawmsgs[0].getRecords();
            let result = records[0].getPayload();
            let data = plus.android.newObject("java.lang.String", result);
            // 写入vuex
            store.commit('setNfcReadTxt', data);
            toast('NFC 数据:' + data);
            console.log('NFC 数据:',data);
            readResult = data;
        }else{
            toast('没有读取到数据');
        }
    },
    byteArrayToHexString: function (inarray) { // 将字节数组转换为字符串  
        let i, j, inn;  
        let hex = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];  
        let out = "";  
        
        for(j = 0; j < inarray.length; ++j) {
            inn = inarray[j] & 0xff;  
            i = (inn >>> 4) & 0x0f;  
            out += hex[i];  
            i = inn & 0x0f;  
            out += hex[i];  
        }  
        return out;  
    },
    writeData: function () { // 更改写状态
        if(noNFC){
            toast('请检查设备是否支持并开启 NFC 功能!');
            return;
        }
        // 轮询条件
        readyWriteData = true;
        toast('请将NFC标签靠近!');
    },
    readData: function () { // 更改读状态
        if(noNFC){
            toast('请检查设备是否支持并开启 NFC 功能!');
            return;
        }
        // 轮询条件
        readyRead = true;
        toast('请将NFC标签靠近!');
    },
    // close: function(){
        
    // },
    setTxt: function(txt){
        if(noNFC){
            toast('请检查设备是否支持并开启 NFC 功能!');
            return;
        }
        text = txt;
    }
}
function toast(content){
    uni.showToast({
        title: content,
        icon: 'none'
    })
}
代码语言:javascript
复制
store.js
代码语言:javascript
复制
import Vue from "vue"
import Vuex from "vuex"

Vue.use(Vuex);

const store = new Vuex.Store({
    state:{
        nfcreadtxt:'',
    },
    mutations:{
        setNfcReadTxt(state,nfcreadtxt){
            state.nfcreadtxt = nfcreadtxt
        }
    },
    getters:{
        nfcreadtxt: state => state.nfcreadtxt
    }
});
export default store;

3.页面引用调用

代码语言:javascript
复制
<template>
    <view class="nfc">
        <nav-bar title="NFC模板" ></nav-bar>
        <textarea class="txtarea" disabled :value="$store.getters.nfcreadtxt" placeholder="这是读取到的nfc的数据"/>
        <button class="btn" @tap="read()">读取NFC</button>
        <textarea class="txtarea" v-model="writeTxt" maxlength="124" placeholder="这是输入写入的nfc的数据"/>
        <button class="btn" @tap="write()">写入NFC</button>
    </view>
</template>

<script>
    // nfc 输入最大数字长度为124位,文字为41位
    // 如果需要写入读取之后的回调,可以使用mixins混入read-write-nfc.js
    import NavBar from '../../common/components/navbar/NavBar.vue'
    import nfctest from "@/common/js/nfc/read-write-nfc.js"
    export default {
        data() {
            return {
                writeTxt:''
            }
        },
        components:{
            NavBar
        },
        mounted() {
        },
        onLoad() {
            // 开启nfc监听
            nfctest.listenNFCStatus();
        },
        methods: {
            read(){
               // 调用 js 文件里面的方法
                nfctest.readData();
            },
            write(){
               // 调用 js 文件里面的方法
                nfctest.setTxt(this.writeTxt);
                nfctest.writeData();
            },
        }
    }
</script>

<style scoped lang="less">
    .nfc{
        padding: 20rpx;
        .txt{
            height: 240rpx;
            line-height: 50rpx;
            font-size: 32rpx;
        }
        .txtarea{
            width: 100%;
            min-height: 240rpx;
            border: 1px solid #f0f0f0;
        }
        .btn{
            border: none;
            background-color: #1b85e9;
            color: #fff;
            margin: 20rpx 0;
        }
    }
</style>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-12-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档