这个博客解释了如何将NFC插件与Kapsel集成,以及如何使用SAPUI5 mobile读取NFC标签申请我们的理解,物联网的应用实例,整个过程将分为五个部分来解释,
1)Kapsel设置和Android项目创建。
2)向Kapsel添加NFC插件。
3)将项目导入Android开发者工具。
4)创建SAPUI5前端到应用程序。
5)使用UI5应用程序读取NFC标签。
1)Kapsel设置和Android项目创建
混合移动应用程序要获得本机设备功能,我们必须使用Kapsel或Cordova,UI5应用程序需要与apachecordovaapi集成以呈现Cordova内部的屏幕容器。简单解释了卡塞尔。给你我们将看到设置的检查表。
一旦节点js安装到机器上,如下屏幕截图所示,
在我们的机器上安装了上述所有必备软件后,我们需要依次执行以下命令。
npm install–g cordova
2.现在我们必须创建cordova项目
2.1)打开命令提示符键入命令:cordova create NfcTagReadercom.example.nfctag公司"NfcTagReader"
以上命令cordovacreate将创建名为"nfctagreeder"和"package name"的Kapsel项目com.example.nfctag公司"
执行另一个命令为这个Cordova项目添加不同的平台,Cordova NFC Plugin将支持Windows Phone 8、BlackBerry 10和Android,但是在我们的示例中我们正在创建Android项目,外汇返现,因为它有android用户使用的最大市场,
2.2)继续命令:cordova-d平台添加android
2)将NFC插件添加到Kapsel
2.1)现在android project已经准备好在移动设备上运行应用程序,我们必须将项目添加到NFC插件,
2.2)在NfcTagReader文件夹打开命令提示符键入命令:cordova插件添加https://github.com/chariotsolutions/phonegap-nfc
3)将项目导入Android开发者工具
将创建的Kapsel项目导入ADT工作空间生成NFCTagReader.apk公司文件,免费vps服务器,
4)项目导入后需要为该项目创建UI5视图,我们必须创建对项目的SAPUI5引用才能在页面中获得视图组件。这里是在UI5中创建项目的详细指南,大数据网站,在本例中,我在引导文件
script>
sap.ui.localResources("NfcTagReader");
var app=new sap.m.app({initialPage:"idTagReader"});
var page=sap.ui.view({id:"idTagReaderView",视图名称:"nfctagreeder.nfctagreeder文件", 类型:sap.ui.core.mvc.ViewType.XML});
应用程序添加页(第页);
应用程序位置("内容");
5)转到创建的xml视图,添加按钮以跳转nfc事件:
6)将方法添加到按钮事件
我们的应用程序已经结束,我们必须连接支持nfc的移动设备并部署应用程序,这里的一个问题是如何识别NFC标签来测试应用程序,市场上有很多NFC标签,而且我们可以看到大多数银行卡上都会有"PayPass"的符号
一旦应用程序在移动设备上启动,我们可以看到带按钮的UI5屏幕,
点击按钮启动NFC事件,获得NFC光束并用手机触摸NFC启用卡,大数据在线,
我们开始,消息框将显示NFC ID。
非常清晰的方法。
太棒了。这是非常有益的。谢谢分享