基于移動平臺的微應(yīng)用開發(fā)框架技術(shù)研究

張清新

（大慶油田信息技術(shù)公司物聯(lián)網(wǎng)分公司，黑龍江 大慶 163000）

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

1 基于移動平臺的微應(yīng)用開發(fā)框架技術(shù)研究意義

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

而基于移動平臺的微應(yīng)用開發(fā)框架技術(shù)，可利用模塊等方式構(gòu)建相關(guān)應(yīng)用，使表單及圖表形式更加豐富，并切實提升了移動應(yīng)用平臺開發(fā)效率及經(jīng)濟利益，為更好的增強移動應(yīng)用平臺運行穩(wěn)定性及安全性奠定了堅實技術(shù)基礎(chǔ)。

2 基于移動平臺的微應(yīng)用開發(fā)框架技術(shù)研究成果

2.1 Bootstrap微應(yīng)用開發(fā)框架

Bootstrap微應(yīng)用開發(fā)框架主要在jQuery基礎(chǔ)上改造而成，屬于Web應(yīng)用程序及網(wǎng)站的前端開源架構(gòu)?，F(xiàn)階段，Bootstrap微應(yīng)用開發(fā)框架已在多家著名網(wǎng)站應(yīng)用，主要優(yōu)勢體現(xiàn)在可快速適配移動端口及移動界面展示、響應(yīng)式布局合理等方面。但該微應(yīng)用開發(fā)框架無法更好滿足移動應(yīng)用開發(fā)平臺動態(tài)加載要求，且缺乏更加完善的公用組件庫進行開發(fā)及調(diào)用。

2.2 Amaze UI微應(yīng)用開發(fā)框架

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

3 移動平臺微應(yīng)用開發(fā)框架技術(shù)應(yīng)用重點

3.1 Web框架動態(tài)加載

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

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

3.2 模塊構(gòu)建

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

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

3.3 公用組件

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

3.4 多分辨率終端界面技術(shù)

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

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

4 移動平臺微應(yīng)用開發(fā)框架的功能架構(gòu)

4.1 模型層功能架構(gòu)

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

4.2 控制層功能架構(gòu)

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

4.3 視圖層功能架構(gòu)

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

5 結(jié)語

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