SAP UI5 應用開發教程之四十九 - 如何使用 Cordova 將 SAP UI5 應用生成一個能在 Android 手機上安裝的混合應用試讀版

Jerry 從 2014 年加入 SAP成都研究院 CRM Fiori 開發團隊之后開始接觸 SAP UI5，曾經在 SAP 社區和“汪子熙”微信公眾號上發表過多篇關于 SAP UI5 工作原理和源碼解析的文章。

在 Jerry 這篇文章 對 SAP UI5 一無所知的新手，從哪些材料開始學習比較好？ 曾經提到，Jerry 也是從 SAP UI5 菜鳥一路走過來，深知只有 ABAP 開發背景的開發者，向 SAP UI5 開發領域轉型的不易，因此我在業余時間設計了這份適合 SAP UI5 初學者的學習教程，把開發一個完整的 SAP UI5 應用的流程，拆分成若干個步驟，力求每個步驟里，把涉及到的知識點都涵蓋到。這些知識點可能不像我的 UI5 源碼分析系列文章那么深入，但力求淺顯易懂，便于 SAP UI5 初學者理解。

本教程每一個步驟的源代碼，都存放在我的 Github 上，分別用文件夾 01，02，03 等等來標識。

每一個步驟均是前一步驟的基礎上，添加了若干新特性。建議零基礎或者對 SAP UI5 知之甚少的初學者，按照順序從第一個步驟開始循序漸進地學習，把這些代碼下載到本地，配合教程的文字講解，自己動手，以加深理解。

大家如果對教程的每個步驟有任何疑問，歡迎在教程對應的步驟文章里給我評論，進行留言。

本教程之前四十九個步驟，介紹的都是在 PC 桌面端進行 SAP UI5 應用開發的技巧。

本文介紹如何將這些原本只能運行在瀏覽器端的 SAP UI5 應用，使用 Cordova 進行構建，打包，然后安裝到移動設備上的步驟。

本步驟選擇 Android 手機作為移動設備來講解。

Cordova 是一個開源的移動開發框架，通過 Cordova，開發人員可以用 HTML5 和 JavaScript 等通用的 Web 開發技術(當然包括 SAP UI5)，完成跨平臺的移動應用開發，即達到類似 Java 的 “一次編譯(在 Cordova 的世界里還包含構建的含義)，到處執行” 的效果。

下圖是 Cordova 官網上的架構圖。圖中上半部分橘色的 Cordova Application，即前端 Web 應用使用 Cordova 工具打包后的生成的混合應用。運行時，這個混合應用里的前端資源文件被加載，渲染并且運行在一個嵌入的 HTML Rendering Engine，即WebView 控件內部。這個嵌入的 WebView 通過 Cordova 框架提供的插件(Plugins)，能夠訪問移動操作系統的 Native API，比如相機，陀螺儀，本地存儲等系統調用。

本文余下的部分是具體步驟，大家按照我的步驟一步步做下去，最后一定能得到一個能夠在 Android 手機上安裝并運行的 Android 應用，打開之后效果如下圖所示：

這個 HelloCordova 應用在 Android 手機的設置面板里的信息如下圖所示：

因為我們構建出來的應用需要安裝在 Android 平臺上，所以首先需要下載編譯和構建應用所需的 SDK.

最簡單的辦法當然是安裝一個 Android Studio，然后在 Studio 里使用菜單下載 Android SDK.

但我暫時不想下載 Android Studio，所以還可以使用命令行工具下載 Android SDK.

這個鏈接是詳細的如何使用命令行工具下載 Android SDK，如何將 SAP UI5 應用進行構建和打包，并安裝到 Android 手機上。