如何使用|如何使用 SAP UI5 的标准控件结合 Cordova 插件调用手机摄像头进行条形码扫描试读版
【如何使用|如何使用 SAP UI5 的标准控件结合 Cordova 插件调用手机摄像头进行条形码扫描试读版】本教程之前的这几篇文章，算是围绕着 SAP UI5 和 Cordova 的一个小系列：
- SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能 - 通过这篇文章介绍的步骤开发而成的 SAP UI5 应用，只能在桌面浏览器里正常运行，在用户授权的情况下，打开笔记本电脑的摄像头。
- SAP UI5 应用开发教程之四十九 - 如何在桌面电脑端调试运行在手机上的 SAP UI5 应用
- SAP UI5 应用开发教程之五十 - 如何使用 Cordova 将 SAP UI5 应用生成一个能在 Android 手机上安装的混合应用
- SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用 - 如果一个 SAP UI5 应用使用了
sap.ndc.BarcodeScanner，并且通过Cordova构建打包，生成 apk 文件安装到安卓手机上。在手机上运行时，点击Scan按钮，仍然不能弹出我们期望看到的手机摄像头扫描界面。通过调试发现，这是由于sap.ndc.BarcodeScanner的内部实现里，首先会去检测cordova.plugins.barcodeScanner是否可用。当且仅当我们在将 SAP UI5 应用打包成 Cordova 应用时，显式添加` 这个 Cordova plugin 到项目时，cordova.plugins.barcodeScanner` 才会被赋予正确的值。
文章图片
本文余下部分介绍如何在一个 Cordova 应用中启用
cordova-plugin-barcodescanner.实现的效果如下：
文章图片
选择
仅在使用该应用时允许即可。我们在允许该请求之前，HelloCordova 应用在手机
设置 面板里，在权限里显示的是无需权限：
文章图片
允许 Cordova 应用请求摄像头的申请后，
权限面板显示如下：
文章图片
现在就能使用手机摄像头，扫描条形码了：
文章图片
扫描成功的界面如下图所示：
文章图片
详细步骤参考这篇文章。
推荐阅读
- SAP|SAP UI5 barcode 控件的 feature 检查探测机制单步调试 - checkCordovaInIframe
- SAP|SAP UI5 BarcodeScannerButton 的初始化逻辑 - Cordova API 检测等逻辑
- JavaWeb|使用Servlet完成单表的CRUD
- JavaWeb|使用IDEA开发Servlet程序
- Feign如何解决服务之间调用传递token
- React|React Hook之使用Effect Hook的方法
- 使用基于|使用基于 WebRTC 的 JavaScript API 在浏览器环境里调用本机摄像头
- 如何使用|如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
- 不借助|不借助 Fiori client，直接在手机浏览器里调用 SAP UI5 BarcodeScanner 实现条形码扫描的可能性（）
- SAP|SAP UI5 BarcodeScannerButton feature 检测，Cordova API 检测等逻辑