给一下ionic官网是怎么说的,但是我觉得这个官网作用不大,但是还是贴一下吧
[https://ionicframework.com/docs/v3/native/nfc/](()
然后项目创建完成起来了之后去安装插件。
用下面两条命令安装插件:
ionic cordova plugin add phonegap-nfc
npm install @ionic-native/nfc
安装完成需要在项目里面注入依赖,首先是 app.module.ts 文件里面,引入插件
import {NFC, Ndef} from ‘@ionic-native/nfc/ngx’;
然后在 @NgModule 里面的 providers 里面加入 NFC 和 Ndef,就像这个样子:
providers: [
···
NFC,
Ndef,
···
],
然后在需要调用的页面里面引入插件,注入一下依赖:
import {NFC, Ndef} from ‘@ionic-native/nfc/ngx’;
在构造函数里面加点东西:
《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】
constructor(private nfc: NFC, private ndef: Ndef) {}
最后监听 NFC 就可以了,可以写一个方法,都行,开心就好。
this.nfc.addTagDiscoveredListener(() => {
console.log(‘successfully attached ndef listener’);
alert(‘启动监听nfc’);