ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

uniapp nfc读写

2021-12-21 12:03:28  阅读:190  来源: 互联网

标签:toast uniapp nfc NFC 读写 let plus android


1.先添加权限

"<uses-permission android:name=\"android.permission.NFC\"/>"

2.添加NFC调用js

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'
    })
}

3.页面引用调用

<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() {
        },
        onl oad() {
            // 开启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>

标签:toast,uniapp,nfc,NFC,读写,let,plus,android
来源: https://www.cnblogs.com/fhysy/p/15714662.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有