Skip to content

This repo aims at explaining how to build a NFC Reader with an Arduino through WebUSB

License

Notifications You must be signed in to change notification settings

takimafr/webusb-arduino-nfc

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Arduino NFC Reader through WebUSB️ 💻

nfc tag arduino tag react tag node tag electron tag socketio tag webusb tag

Multiple ways to develop a web application communicating with a NFC reader.

See the slides


This repo aims at explaining how I ended up building a NFC Reader with an Arduino using the WebUSB API.

You will find the three solutions I developed to make a web application communicate with a NFC Reader.

Solution 1 - Local server NFC Reader and web-sockets

nfc tag react tag node tag socketio tag

Still using a ACR122U NFC Reader, I implemented the a local Node.js server handling the NFC reading part and sending the read payload to a front-end application through web-sockets.

You can find the code for this solution in the ./1-local-nfc-server folder.

See the 1-local-nfc-server/README.md file to understand how it works.

Solution 2 - Electron application using a NFC Reader

nfc tag react tag electron tag

Using a ACR122U NFC Reader, I firstly implemented an Electron application to handle NFC reading.

You can find the code for this solution in the ./2-electron folder.

See the 2-electron/README.md file to understand how it works.

Solution 3 - Using WebUSB and an Arduino board

react tag arduino tag webusb tag

Using an Arduino Leonardo board and an Adafruit PN532 NFC Shield, I created a device able to communicate with a web application thanks to the WebUSB API and its implementation in Google Chrome.

You can find the code for this solution in the ./3-webusb folder.

See the 3-webusb/README.md file to understand how it works.

About

This repo aims at explaining how to build a NFC Reader with an Arduino through WebUSB

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C++ 72.8%
  • Processing 12.0%
  • JavaScript 11.5%
  • HTML 1.5%
  • CSS 1.5%
  • C 0.7%