关于uni-app手机nfc开启、读取、写入功能

最新推荐文章于 2024-08-17 21:40:36 发布
最新推荐文章于 2024-08-17 21:40:36 发布
阅读量1w 收藏 29
点赞数 10
分类专栏： uni-app 文章标签： uni-app nfc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45511353/article/details/110421509
版权

关于手机开启nfc功能
nfc功能开启，分为开启手机的nfc功能和开启app的nfc功能。
那么app端会用到的nfc功能有哪些呢?
有nfc读取身份证内容，手机读取nfc签的内容，手机更改nfc签的内容，手机写入nfc签内容。
关于nfc读取身份证内容，uni-app插件市场有相关插件，可以拿来使用。
关于手机读取nfc签的内容，手机更改nfc签的内容，手机写入nfc签内容，需要相关js文件来配合app开启nfc、读取、写入等功能，当然需要及时关闭app nfc功能。
附上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:8888,name:nfc,stie:wangqin.com}';
let readResult = '';

export default {
	listenNFCStatus: function () {
		console.log("---------listenNFCStatus--------------")
		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("--------------nfcRuning---------------")
		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);
			toast('NFC 数据：' + data);
			console.log('NFC 数据：',data);
			readResult = data;
		}else{
			toast('没有读取到数据');
		}
	},
	byteArrayToHexString: function (inarray) { // converts byte arrays to string  
		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标签靠近！');
	}
}
function toast(content){
	uni.showToast({
		title: content,
		icon: 'none'
	})
}

vue.vue文件 来操作 js 文件，调取 js的方法来开启读写

<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
			<button @tap="testNFC1()">wangqin1</button>
			<button @tap="testNFC2()">wangqin2</button>
		</view>
	</view>
</template>

<script>
//
	import testtest from "../../js_sdk/hexiii-nfc/hexiii-nfc.js"
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			testNFC1(){
				testtest.listenNFCStatus();
			},
			testNFC2(){
			   // 调用 js 文件里面的方法
				testtest.nfcRuning();
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>

那vue文件调取js文件中的方法，如何在多个页面中开启关闭呢？可以将开启、关闭的参数存在vuex里面，当前页面使用完成后要及时关闭nfc的读取参数，置为false。

颂小恙
关注
专栏目录
Android 实现 NFC 读取卡片信息
金戈鐡馬
02-22 8490
NFC(近距离无线通信 ) 是一组近距离无线技术,通常只有在距离不超过 4 厘米时才能启动连接.借助 NFC，您可以在 NFC 标签与 Android 设备之间或者两台 Android 设备之间共享小型负载。这里是简单的利用NFC读取卡片数据的操作,具体的数据处理只是简单的处理了北京公交卡的数据,具体项目业务上需要读取什么卡数据需要项目中具体去处理。卡模拟模式：支持 NFC 设备本身充当 NFC 卡。因为朋友需要个读取NFC卡片数据的功能,所以最近看了一下Android 系统下NFC 读取卡片信息的操作。
uni-app - 使用地图功能打包安卓apk的完美流程以及重要的注意事项（带您一次打包成功）
前端充电宝
04-29 920
uni-app - 使用地图功能打包安卓apk的完美流程以及重要的注意事项（带您一次打包成功）
UNIAPP安卓NFC写入包名跳转APP
07-07
UNIAPP里面的插件市场和文档对于NFC的支持非常少，包括网址的写入和包名的写入基本上没有，最近刚好有这方面的需求，就花了不少时间研究这个东西，然后把他整出来了，希望能帮到你们，如果使用有问题可以加我Q:3372945813, uniapp nfc写入网址 uniapp nfc写入包名跳转应用
分享通过Uniapp调用NFC读取身份证信息
qq_33714389的博客
01-16 3266
通过 uniapp 调用手机NFC功能读取二代居民身份证，还支持其他证件读取（社保卡、绿城通、超级SIM卡、IC卡、银行卡、外国人永久居住证、港澳台居住证）
Android NFC 读取卡片信息
最新发布
iceFreedom的博客
08-17 820
这里是简单的利用NFC读取卡片数据的操作,具体的数据处理只是简单的处理了北京公交卡的数据,具体项目业务上需要读取什么卡数据需要项目中具体去处理.
uniapp调用原生安卓读写NFC解决方案
weixin_35677054的博客
05-14 2135
主要解决uniapp调用原生安卓SDK实现读取RFID标签的功能，能识别多种NFC芯片，并支持相互传参。
uni-app调用NFC读写加密扇区功能。
weixin_44766849的博客
12-21 1817
uniapp nfc读写功能
uniapp使用nfc功能及详解
GhostPaints的博客
11-21 1万+
uniapp实现nfc读取功能
UNIAPP NFC 读写
子盛
10-27 1575
uniapp 实现nfc读写
uniapp调用Android原生NFC进行读写操作
qq_45020145的博客
01-20 5925
在uniapp中实现NFC读写操作（NfcV格式/ISO15693）
Uniapp使用手机NFC功能
m0_74238530的博客
09-08 1302
uniapp扫描轮询读取手机NFC
Android 实现了NFC编程，能实现对IC卡的写入、数据读取等操作
04-04
NFC开发学习可以参考此代码, 提供的Android 实现了NFC编程，能实现对IC卡的写入、数据读取等操作 ，稍后还会提供完整版的android nfc的前后台功能。敬请期待。
UNIAPP安卓NFC写入网址URL
07-07
UNIAPP里面的插件市场和文档对于NFC的支持非常少，包括网址的写入和包名的写入基本上没有，最近刚好有这方面的需求，就花了不少时间研究这个东西，然后把他整出来了，希望能帮到你们，如果使用有问题可以加我Q:...
uni-app App权限配置
热门推荐
qq_45499633的博客
04-17 1万+
UNI-APP 打包app权限配置 权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permission.ACCESS_COARSE_LOCATION 获取错略位置 通过WiFi或移动基站的方式获取用户错略的经纬度信息,定位精度大概误差在30~1500米 android.permission.ACCESS_FINE_LOCATION 获取精确位置 通过GPS芯片接收卫
uni-app权限翻译
小菜鸟的博客
12-07 562
uni-app权限翻译 权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permission.ACCESS_COARSE_LOCATION 获取错略位置 通过WiFi或移动基站的方式获取用户错略的经纬度信息,定位精度大概误差在30~1500米 android.permission.ACCESS_FINE_LOCATION 获取精确位置 通过GPS
uniapp nfc读写
风花一世月
12-21 1955
1.先添加权限 "<uses-permission android:name=\"android.permission.NFC\"/>" 2.添加NFC调用js import store from '@/store/index.js' // 包路径 const package_NdefRecord = 'android.nfc.NdefRecord'; const packa...
Vue:uniapp实现NFC标签读取功能
灿灿大王搭建的黄金屋
05-25 5085
微信小程序官方文档中提供了调用NFC功能的基础库： NFC - wx.getNFCAdapter - 《微信小程序官方开发文档(全) - 20210305》 - 书栈网 · BookStackNFCAdapter wx.getNFCAdapter()返回值NFCAdapter错误示例代码 微信小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生 APP 体验的服务。本手册整理于2021年3月份，内容包含微信小程序开发指南、微信小程序框架、微信小程序组件、微信小程序A
uniapp中NFC功能的实现
weixin_43825389的博客
10-23 8869
uniapp 中实现NF功能 一、前期准备 1、在manifest.json文件中开发NCF权限 2、需要注意这里更改了manifest.json中的内容需要整包更新客户端包才能生效，如果是服务器热更新下载的包不生效 二、实现示例 <template> <!-- 标签绑定-明细 --> <view id="page"> <view class="list-item flex align-items justify-between">
Native.js 读写NFC数据
weixin_34362790的博客
02-22 4030
2019独角兽企业重金招聘Python工程师标准>>> ...
uniapp NFC功能
08-02
uniapp是一种跨平台的应用开发框架，可以用于开发多种移动端应用。关于uniapp的NFC功能，根据引用[1]和引用[2]的内容，可以了解到以下信息： 1. uniapp可以通过监听事件来处理NFC功能。在代码中，可以看到使用plus.globalEvent.addEventListener方法来监听"newintent"、"pause"和"resume"事件。这些事件分别对应NFC识别、应用暂停和应用恢复的情况。 2. 在NFC识别时，可以使用setTimeout定时器来控制识别的时间。建议在固定时间后调用closeNFC方法来关闭识别。同时，在点击按钮时，需要先清除定时器，然后再调用相关方法。 3. 引用[3]提到，目前uniapp的NFC功能可以直接读取数据，但并没有实际读取扇区和扇区块中的byte数组信息的功能。这意味着目前无法直接读取密码块的密码。 综上所述，uniapp的NFC功能可以通过监听事件来处理NFC识别，并可以使用定时器来控制识别的时间。然而，目前的实现并不支持直接读取扇区和扇区块中的byte数组信息，也无法读取密码块的密码。
评论 40
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值