Web NFC

Near Field Communication (NFC) enables wireless communication between two devices at close proximity, usually less than a few centimeters. NFC hardware and software (libraries) are well supported on all major mobile platforms (Apple iOS, Android) and native developers were able to use these features for many years. Web NFC now brings these features to the web, which makes it even easier to use NFC features.

The official Web NFC spec is here and I've also written a small article over at our CX Labs blog. If you have your mobile around, then simply scan the above QR code to open up this page on your mobile. Have fun!

Web NFC feature test

Holy guacamole! Seems like NDEFReader is not available, are you on Android/Chrome?

Well done! NDEFReader is available and below examples should work.

Some quick example that will check your browser if all required libraries, mainly the NDEFReader, is available in the global context.

Check

Reading tags

Some quick example that will read an NFC Tag. The example will also attempt to iterate across all records and read plain text, url and special mime (application/json) records.

Read

Writing tags 1/3

Some quick example that will write a simple NDEF text record to a tag.

Write

Writing tags 2/3

Some quick example that will write a NDEF URL record to a tag.

Write

Writing tags 3/3

Some quick example that will write an Android app record to a tag.

Write