Skip to content

A very messy example web app demoing Chrome's new Web NFC feature using Vue 3

Notifications You must be signed in to change notification settings

tchin25/vue-web-nfc-demo

Repository files navigation

Web NFC Example Using Vue 3

This is an example project showing off Chrome's new NFC capabilities.

Device Requirements

NFC only works on Chrome 89 and above on Android phones with NFC. The code detects whether the browser supports NFC, but not if your phone has NFC capabilities.

I tested this code with NTAG215 cards but any standard card that supported NDEF should work.

Additional reading of the WebNFC standard can be found here.

How To Debug

Because the code only works on phones, follow these steps to get set up with remote debugging on Android.

Project Setup

Install Dependencies

yarn

Run Local Server

yarn dev

Then connect to the server IP on your phone. HTTPS must be enabled for NFC to work.

About

A very messy example web app demoing Chrome's new Web NFC feature using Vue 3

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published