Ionic 使用 NFC

给一下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’);

Ionic 使用 NFC相关推荐

Ionic混合移动app框架学习
第一章绪论创建移动app有三种安卓原生App,使用java语言,目前推荐kotlin语言,开发工具Android studio IOS原生App,使用Objective-C或者Swift语言,开 ...
APP-应用(使用ionic+cordova)创建
文章目录 my-app 简介创建新项目添加平台添加必要插件使用步骤插件常用命令配置报错打包出现ANDROID_SDK_ROOT=undefined (recommended sett ...
ionic项目创建打包签名
1. 环境搭建 1.1 安装Node.js 使用node -v查看Node.js版本 1.2 安装npm 使用npm -v查看npm版本 1.3 安装ionic 使用npm install -g io ...
《深入理解Android：Wi-Fi，NFC和GPS》章节连载[节选]--第六章深入理解wi-Fi Simple Configuration...
为什么80%的码农都做不了架构师?>>> 首先感谢各位兄弟姐妹们的耐心等待.本书预计在4月上市发售.从今天开始,我将在博客中连载此书的一些内容.注意,此处连载的是未经出版社编辑 ...
tag标签[置顶] 高级NFC
最近朋友几篇文章分析了改tag标签的文章. 关联文章的地址文章译自:Advanced NFC 本文档分析了高级NFC,如与各种标签技术协作,NFC标签写入和前台调度,它答应应用程序在前台处置的int ...
ionic app 开发和生产环境的配置
前言像 Angular2 一样,希望 ionic 可以提供 2 个文件 ( environment.dev.ts 和 environment.prod.ts ),其中包含与开发和生产环境相对应的不同 ...
ionic打包/编译遇到的问题
一.ionic cordova build android 时遇到的问题: 1. (node:10647) UnhandledPromiseRejectionWarning: Unhandled pr ...
华为手机的nfc是什么功能_华为手机NFC只用来乘车？这个功能还不会用，几千块手机亏了...
华为手机NFC功能,你还只用来乘车吗?如果是这样,那未免有些太浪费了吧,感觉几千块的手机买亏了. 华为手机NFC可以当门禁卡用,大家都是知道的,但是真正会使用的人却没有几个.主要还是因为在软件设计时, ...
ionic 笔记-wzq
官网地址: https://beta.ionicframework.com/docs/ 1.安装nodeJs 2.安装android sdk 下载安卓镜像(也可使用自己的安卓手机) https://c ...

Ionic 使用 NFC

Ionic 使用 NFC相关推荐

最新文章

热门文章