SAP UI5 應用開發教程之五十一 - 如何使用 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 應用請求攝像頭的申請后，權限面板顯示如下：

現在就能使用手機攝像頭，掃描條形碼了：

掃描成功的界面如下圖所示：

詳細步驟參考這篇文章。