APICloud深度解析App跨平臺開發(fā)技術分類

介紹跨平臺技術分類同時將進一步深度揭示APICloud混合開發(fā)技術的技術原理。

跨平臺技術的分類

目前跨平臺技術領域分為兩個發(fā)展方向：

第一個是HTML5 + Native混合方向；

第二個是中間語言編譯方向，其中APICloud和小程序都屬于前者。

HTML5 + Native混合，也就是我們通常所說的混合開發(fā)。

這種模式的開發(fā)主體是HTML5，但整個app的架構是Native架構：通過HTML5 快速實現(xiàn)app的UI布局、產品業(yè)務邏輯，在開發(fā)過程中涉及HTML5 無法實現(xiàn)或者體驗不好的功能，則借助Native模塊來實現(xiàn)。

混合開發(fā)在保證app渲染效率和用戶體驗的同時，能夠降低app開發(fā)成本和復雜度，提高app開發(fā)效率。

中間語言編譯方向，代表產品為React Native（RN），Xamarin以及Google剛剛發(fā)布的Flutter。

如何理解中間語言編譯？

以RN為例，傳統(tǒng)的app開發(fā)，要求開發(fā)者使用Android和iOS原生技術-Java、Object-C、C/C++等進行開發(fā)，而RN的開發(fā)過程則要求開發(fā)者使用JS進行編碼輸出app，但在app執(zhí)行過程中，JS又映射回到安卓和iOS原生層面執(zhí)行。借助JS快速實現(xiàn)編碼，翻譯為原生代碼執(zhí)行，這就是中間語言編譯方向。

Xamarin則要求使用微軟自己的語言C#，對于大部分開發(fā)者而言，C#的學習成本比較高且Xamarin需要付費使用，因此它目前在國內應用比較少。Flutter的開發(fā)語言為Dart，它是谷歌發(fā)明的編程語言，這個語言很有趣，它的語法類似于C語言，又將JS和Java的一些設計思想以及語法規(guī)則融合了進去。Dart語言在此前應用比較少，可參考的資料不多，開發(fā)者上手需要一個過程。

Html5 到跨平臺APP應用

每一項新興技術的出現(xiàn)和流行，都是為了規(guī)?；娜ソy(tǒng)一解決一系列復雜問題，APICloud選擇混合開發(fā)方向，目的是希望借助HTML5 降低app開發(fā)復雜度，提高app開發(fā)效率。

通過工程化的實踐手段，我們首先設計了一個app開發(fā)引擎。簡單的向大家介紹一下這個引擎的架構：

整個引擎基于Android和iOS系統(tǒng)的原生技術架構

最上層為app應用層，涉及到業(yè)務以及功能相關的部分，要求開發(fā)者使用HTML + CSS進行UI布局和渲染，功能和業(yè)務邏輯則通過JS實現(xiàn)，這是app開發(fā)者直接參與的地方。

第二層則是API層，API層核心的功能是橋接和管理，負責JS與Java，JS與Object-C之間的通訊，管理API的分發(fā)，以及一些JS-Framework的加載和執(zhí)行。

引擎與模塊的API通過這里向開發(fā)者開放

接下來是引擎，引擎主要負責應用的消息命令管理、事件管理、模塊管理、以及UI渲染。

我們通過將Android和iOS系統(tǒng)的原生窗口機制抽象出來，再模擬原生的方式實現(xiàn)了一個新的窗口系統(tǒng)，由Widget/Window/Frame/UI Model構成，形成混合渲染能力，使得app性能和體驗接近原生。

引擎通過開放模塊機制，支持動態(tài)載入模塊，豐富和增強app功能，滿足各式各樣的需求。

最底下則是OS層，OS層中主要涉及Android和iOS系統(tǒng)之間一些不同的特性，是我們要花大量時間精力進行適配和抽象的地方。

除此之外，一個app還應當具備符合Android和iOS原生app的生命周期特性，例如：如何啟動，啟動流程以及生命周期事件分發(fā)等。

以下是app開發(fā)引擎對app生命周期管理的主要處理流程。

引擎觸發(fā)app的生命周期同原生app一致，觸發(fā)點來自用戶

用戶點擊桌面的某個圖標，或者點擊手機狀態(tài)欄的某個通知，系統(tǒng)會將這個事件分發(fā)到對應的app，引擎在收到這個事件后開始初始化。

初始化的過程為：原生窗口系統(tǒng)初始化，展示啟動頁->HTML5 運行環(huán)境初始化->加載模塊運行環(huán)境->事件及消息隊列管理初始化->根窗口開始渲染，之后開始加載HTML5 頁面，這個HTML5 頁面是整個app的入口。

App啟動完畢后進入等待狀態(tài)，由用戶的點擊等事件驅動打開新的窗口，加載新的模塊，UI更新等。

通過app開發(fā)引擎，初步達到了使用HTML5 + Native混合開發(fā)，提高開發(fā)效率的目的，然而實踐過程遠比想象的要復雜，為此APICloud在專產品層面付出了非凡的努力。