当前位置: 首页 > Web前端 > HTML5

如何使用SAPUI5的标准控件结合Cordova插件调用手机摄像头进行条码扫描试用版

时间:2023-04-05 20:37:59 HTML5

本教程之前的文章都是围绕SAPUI5和Cordova的小编:SAPUI5应用开发教程Part48-如何在SAPUI5应用程序中开发条码扫描功能-通过本文介绍的步骤开发的SAPUI5应用程序只能在桌面浏览器中正常运行,并在授权下打开笔记本电脑的摄像头用户。SAPUI5应用开发教程四十九——如何在桌面电脑上调试手机上运行的SAPUI5应用SAPUI5应用开发教程五十——如何使用Cordova将SAPUI5应用生成为可以安装在Android手机上的混合应用SAPUI5应用开发教程第51期-如何使用Chrome调试手机上运行的SAPUI5Cordova混合应用-如果SAPUI5应用使用了sap.ndc.BarcodeScanner,通过Cordova构建打包,生成apk文件并安装到安卓手机。在手机上运行时,点击扫描按钮,我们期望看到的手机摄像头扫描界面还是弹出不了。通过调试,发现这是因为在sap.ndc.BarcodeScanner的内部实现中,会先检查cordova.plugins.barcodeScanner是否可用。当且仅当我们在将SAPUI5应用程序打包为Cordova应用程序时将此Cordova插件显式添加到项目时,cordova.plugins.barcodeScanner才会被分配正确的值。本文的其余部分描述了如何在Cordova应用程序中启用cordova-plugin-barcodescanner。执行效果如下:选择Allowonlywhenusingthisapplication。之前我们允许请求,HelloCordova应用在手机设置面板,权限显示不需要权限:允许Cordova应用请求相机应用后,权限面板显示如下:现在可以使用手机了摄像头扫描条码:scan成功界面如下图所示:详细步骤可以参考这篇文章。