基于移動平臺的微應用開發框架技術研究

張清新

（大慶油田信息技術公司物聯網分公司，黑龍江 大慶 163000）

隨著信息化發展進程的不斷推進，大眾可利用網絡獲取更多信息資源，切實地提升了社會透明度及民眾自我意識。如何借助移動互聯網技術加強企業生產經營管理水平，已成為電網企業重要研究課題之一，需相關工作人員推進微應用開發框架技術開發工作，通過建立起終端設備訪問組件及數據存儲組件等，構建起更加完善的移動微應用平臺。

1 基于移動平臺的微應用開發框架技術研究意義

電網外部市場及內部業務的不斷變動，對傳統移動業務應用的運行效率及質量提出了更高要求。通過對移動平臺微應用開發框架平臺的構建，可從根本上提升應用平臺的安全性及可靠性。現階段我國常用移動開發技術為標準前端HTML5框架，難以實現動態加載目標，并使得應用界面信息更加復雜，終端設備電力資源消耗嚴重，客戶滿意度不高。不僅如此，傳統移動應用平臺框架編程缺乏一定的靈活性，在開展處理、文件配置等工作時效率較低。在終端設備方面，由于移動端尺寸較多，終端設備匹配難度大，極易出現分辨率不適配等問題。不僅如此，由于移動端缺乏相應組件封裝，導致移動應用平臺實際開發周期較長。

而基于移動平臺的微應用開發框架技術，可利用模塊等方式構建相關應用，使表單及圖表形式更加豐富，并切實提升了移動應用平臺開發效率及經濟利益，為更好的增強移動應用平臺運行穩定性及安全性奠定了堅實技術基礎。

2 基于移動平臺的微應用開發框架技術研究成果

2.1 Bootstrap微應用開發框架

Bootstrap微應用開發框架主要在jQuery基礎上改造而成，屬于Web應用程序及網站的前端開源架構。現階段，Bootstrap微應用開發框架已在多家著名網站應用，主要優勢體現在可快速適配移動端口及移動界面展示、響應式布局合理等方面。但該微應用開發框架無法更好滿足移動應用開發平臺動態加載要求，且缺乏更加完善的公用組件庫進行開發及調用。

2.2 Amaze UI微應用開發框架

Amaze UI微應用開發框架是國內首款開源跨屏、輕量級高度的前端框架。該框架主要以移動優先的理念，可以更好地適配于大部分設備的屏幕，實現畫面動態交互目標，使展示效果更加高效。與Bootstrap微應用開發框架相比，Amaze UI微應用開發框架內部組件更多，功能性強，可依據用戶自行代理來控制界面的字體及排版順序。但與前者相同，Amaze UI微應用開發框架也不具備動態加載功能及相應的模塊構建技術。

3 移動平臺微應用開發框架技術應用重點

3.1 Web框架動態加載

受到當前互聯網環境下移動端內存及流量的影響，通過動態加載技術的使用，可分散程序文件，依照客戶需求進行加載，提升移動應用平臺運行效率。在Web框架動態加載技術開發期間，理論上相關工作人員只需在代碼頭部引用所需插件即可，但由于不同項目所應用的服務器存在極大差異性，導致Web框架動態加載成為一大技術難點。

由于Web框架動態加載主要依據依賴關系及遞歸執行文檔創建腳本庫的過程，可通過回調函數分段加載等方式，依照就近原則遞歸執行腳本，最后通過動態加載文檔等方式，對回調函數進行分段加載，從而提升加載效率，降低終端各項資源用量。

3.2 模塊構建

在移動應用平臺構建過程中，需通過模塊化構建方式，將頁面及功能進行分塊處理，切實提升頁面獲取效率，實現終端調試的快速定位。由于多個模塊化的調用需依照嚴格模塊名稱及信息開展，因此，如何在移動應用平臺構建期間對模塊進行快速分類，也成為微應用開發框架技術的開發重點。

模塊構建需依照先配置、再加載而后調用子模塊的順序開發，因此在實際構建期間，相關工作人員可通過定義多個模塊中的相互調用，使模塊運行期間不再發生沖突。值得注意的是，各模塊中所應用插件均需放置在模型層之下，其他頁面引用配置別名過程中必須嚴格依照相關格式進行書寫。

3.3 公用組件

傳統框架下移動應用平臺的公用組件存在一定局限性，需通過時間插件、彈窗插件及圖像插件等封裝，并在不同頁面中應用不同插件，確保公用組件的有效調用。同時，相關工作人員也可通過擴展原生庫的方式合并自定義對象，提升組件調用效率，確保各項業務場景中都可依照相應需求進行動態調動，提升移動應用平臺的使用效率及質量。

3.4 多分辨率終端界面技術

在移動應用平臺各終端設備中，需依據媒體查詢功能等樣式設置視窗屬性及比例，更好地實現不同智能手機分辨率及終端尺寸中的使用。隨著終端設備數量及種類的不斷增長，終端界面無法滿足所有手機的分辨率，需利用微應用開發框架技術，提升其公用組件的功能性及適用性。

同時，在多分辨率、多尺寸終端界面適配技術中，也可將移動瀏覽器進行等比設置，依照手機尺寸進行定向等比加載。在微應用開發框架代碼中，設置寬度及適口等內容屬性，切實提升代碼利用效率，實現多元化適配目標。

4 移動平臺微應用開發框架的功能架構

4.1 模型層功能架構

移動動態微應用開發框架中模型層研究主要針對移動端公用組件開展，可使工作人員更好地調用封裝完畢的插件，實現代碼簡單化、調用快速化發展目標。其中，移動業務應用可進行多次使用，依據用戶實際需求組成應用界面，以此提升移動平臺微應用開發框架效率。依照模塊化定義，可將移動應用平臺中的公用組件以插件等方式放置在配置層，根據模塊加載需求進行動態調用，切實提升移動應用平臺開發效率及質量。現階段，模型層主要由以下幾種插件構成：（1）時間插件。便于用戶依據自身要求選擇不同時間形式及時區；（2）彈窗插件。用于提升、警告用戶不合理操作，具有自定義對話及確認對話等形式，并可更好地實現跨平臺的應用。

4.2 控制層功能架構

控制層由Web框架動態加載及模塊化構成。其中，Web框架動態加載中緩存存在所需獲取模塊的情況下，則對該模塊進行加載，而后依據綁定事件，對回調函數進行加載。如果Web框架動態加載中緩存不存在所需模塊，則需先創設一個新模塊，而后通過此模塊獲得模塊的方式及屬性。依據移動平臺業務框架，模塊可分為流程引擎模塊、業務模塊等多種類型，需工作人員依據此些模塊，對其進行自定義及相互調用。以引擎模塊為例，該模塊主要就是移動業務應用向服務端發送請求時，通過相關控制裝置對數據進行存儲，當移動應用平臺實際運行期間，引擎模塊自動執行及加載程序，依照相關操作步驟及順序，確保當前所需信息返回頁面。

4.3 視圖層功能架構

移動平臺微應用開發框架中的視圖層是人機交互期間的重要載體，通過多分辨終端界面適配技術，構建起相應的柵格系統。同時，在視圖層中還應注重響應布局工作，通過對不同移動終端的適應性等展現頁面，從而動態調整頁面中的布局及所含信息，確保不同分辨率及尺寸的設備可展現出相同內容。同時，在視圖層中，還需引進可擴展插件技術，通過擴展圖標字體，對縮放功能進行禁用，確保用戶在滾動屏幕的過程中，更加貼近原展示效果。

5 結語

總而言之，為充分發揮出移動平臺在微應用開發框架技術應用中的積極作用，相關工作人員更需認清當前移動應用平臺在實際開發過程中遇到的問題，構建起更加完善的框架動態加載及模塊化構建模式，致力于降低移動應用成本與開發成本，切實提升移動應用平臺中的可維護性及拓展性，為促進微應用開發框架技術的可持續發展奠定堅實的基礎。