NfcReactNative
nfc-react-native is a react-native module for android to write/read Mifare Classic (NFC) tags.
Getting started
$ npm install nfc-react-native --save
Mostly automatic installation
$ react-native link nfc-react-native
Manual installation
Android
- Open up
android/app/src/main/java/[...]/MainApplication.java
- Add
import es.tiarg.nfcreactnative.NfcReactNativePackage;
to the imports at the top of the file - Add
new NfcReactNativePackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':nfc-react-native' project(':nfc-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/nfc-react-native/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:compile project(':nfc-react-native')
Usage
import {readTag, writeTag} from 'nfc-react-native'
...
//get card id
getCardId()
.then((card) => {
console.log(card)
}).catch((err) => {
console.log(err)
})
//read multiple sectors + blocks and get card id
readTag([{ sector: 5, bloques: [1,2], clave: 'FFFFFFFFFFFF', tipoClave: 'A' },
{ sector: 6, bloques: [0,1,2], clave: 'FFFFFFFFFFFF', tipoClave: 'A' },
{ sector: 4, bloques: [0], clave: 'FFFFFFFFFFFF', tipoClave: 'A' }])
.then((card) => {
console.log(card)
// returns Object {lectura: Array[3], card: "A3F813DB"}
}).catch((err) => {
console.log(err.message)
})
//writes multiple sectors and blocks but you must provide card id
writeTag([{ sector: 5, bloques: [
{ indice: 1, data: [15,15,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,15,15] },
{ indice: 2, data: [15,15,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,15,15] } ],
clave: 'FFFFFFFFFFFF', tipoClave: 'A' },
{ sector: 6, bloques: [
{ indice: 0, data: [15,15,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,15,15] },
{ indice: 1, data: [15,15,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,15,15] },
{ indice: 2, data: [15,15,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,15,15] } ],
clave: 'FFFFFFFFFFFF', tipoClave: 'A' },
{ sector: 4, bloques: [
{ indice: 0, data: [15,15,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,15,15] } ],
clave: 'FFFFFFFFFFFF', tipoClave: 'A' },
], "A3F813DB")
.then((card) => {
console.log(card)
}).catch((err) => {
console.log(err.message)
})
...
Configuration
In your manifest add:
<uses-permission android:name="android.permission.NFC" />
....
Your main activity should look like
...
<activity
android:name=".MainActivity"
android:launchMode="singleTask"
android:label="@string/app_name"
android:configChanges="keyboard|keyboardHidden|orientation|screenSize">
<intent-filter>
<action android:name="android.nfc.action.TECH_DISCOVERED"/>
</intent-filter>
<meta-data android:name="android.nfc.action.TECH_DISCOVERED"
android:resource="@xml/nfc_tech_filter" />
</activity>
Add a xml file in res folder with the following:
<resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
<tech-list>
<tech>android.nfc.tech.MifareClassic</tech>
</tech-list>
</resources>
Contribution
Contributions are welcome ๐
License
This repository is distributed under MIT license