共計 2096 個字符，預計需要花費 6 分鐘才能閱讀完成。
這篇文章主要介紹“Container 應用設計原理是什么”，在日常操作中，相信很多人在 Container 應用設計原理是什么問題上存在疑惑，丸趣 TV 小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”Container 應用設計原理是什么”的疑惑有所幫助！接下來，請跟著丸趣 TV 小編一起來學習吧！
以安卓為例子，我把我們發布到安卓應用市場的 app 解壓出來研究了一下。
上圖是一個 cordova 的總體框架的描述，可以看到 cordova 主要由兩部分構成。
第一部分：Cordova Application 是 Cordova 框架獨立于不同手機操作系統的一個封裝層。具體包括
1）Web app（包括具體的 app 的 HTML/JS/CSS 代碼等）；
2）Cordova 框架已經封裝好的核心插件（如相機、存儲等系統調用），這塊是 Cordova 的核心部分。當然，開發者也可以基于它的插件體系，擴展出新的插件；
第二部分：Mobile OS 就是具體的手機操作系統層了，Cordova 目前支持大部分的手機 OS：ios、android、wp、blackberry 等等
第二部分我們在這里就不贅述，都是 mobile OS 的各種原生功能。
那么我們先來看第一部分的 webapp 這一部分，我們將下載下來的 apk 文件解壓縮，如下所示是一個很經典的安卓 app 的 apk 包的結構：
上文中講過，用 Cordova 工具將 C4C Aurora 的項目文件打包成 Android 或者 iOS 原生應用后，以 Android 平臺為例，客戶安裝 apk 在安卓設備上后，運行在安卓手機上的 C4C 應用實際運行在 WebView 中。
WebView 里加載的 JavaScript 和 HTML 文件實際上已經保存在了 Cordova 構建出來的項目包 (即 apk 文件）里。在運行時，這些資源文件通過 Embedded server 加載到 WebView 里。
當然，手機 C4C 應用上所有需要顯示的 Transaction 數據，比如在手機 C4C 應用上打開 Account 工作中心，看到的所有 Account 數據都來自對應的 C4C tenant，這些數據的讀取請求通過 embedded Server 發送到 C4C tenant 的后臺 ABAP 系統上去。
Jerry 在博客（
https://blogs.sap.com/2017/08/17/step-by-step-to-package-a-fiori-application-into-your-android-device-using-cordova/）中有寫到如何用 cordova 創建一個 fiori 風格 app, 文中有講到我們在開發這樣一個 app 的時候會有一個默認的 index.js 生成，我們基于這個文件為入口進行開發 cordova 的應用，我們在 assets- www 下面找到了這個 index.js 文件，同時我們看到了幾個 zip 包，這幾個 zip 分別來自我們 C4C 開發組所開發的 oberon 和 lead cod，里面包含了我們開發的 javascript 代碼和樣式表文件，這些文件即是上文提到的保存在 cordova 構建出來的項目包里的代碼和 html 文件。
我們打開一個 oberon.zip 看一看里面的內容，比如我現在打開的是我們開發的 RUI client 下面的所有 javascript 代碼和樣式表文件的目錄，library-preload.js 就是我們開發的 javascript 代碼壓縮之后的合集, 其中也包括一些我們會用到的 UI5 的類庫。
通過 jerry 的博客我們得知應用運行時會先加載這個 js 文件，那么打開這個文件看一下上文提到的 oberon.zip 等 zip 里面的代碼是如何被加載和運行的。
可以看到這里加載了兩個 js 文件，運行了一個 app.initialize()方法. 這個方法被定義在加載的第二個 js 文件 js/index.js 里面，打開這個 index.js 文件之后發現的確是這里的 initialize 方法加載了 sap 的 UI 標準庫，主題庫，語言等。
上文中講了第一部分中的 webapp，那么我們來看看開發者自己開發的插件這一部分，在 Jerry 的博客中有寫到如何用 java 開發一個自定義的 cordova 插件：
https://blogs.sap.com/2017/08/18/step-by-step-to-create-a-custom-cordova-plugin-for-android-and-consume-it-in-your-ui5-application/，文中有提到我們如何在 UI5 的 application 中去調用我們開發的 cordova 插件，我們在這個解壓出來的包里面也可以看到這些去消費插件的這些 js class：
打開一個調用名片掃描插件的文件夾，我們發現與開發的時候文件目錄基本一致，/platforms/android/assets/
到此，關于“Container 應用設計原理是什么”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注丸趣 TV 網站，丸趣 TV 小編會繼續努力為大家帶來更多實用的文章！
