技術(shù)報告基于Hybrid App技術(shù)的企業(yè)移動應(yīng)用系統(tǒng)構(gòu)建

1、計劃類別 項目編號 項目技術(shù)報告課題名稱 項目主持人 承擔(dān)單位 題目：基于Hybrid App技術(shù)的企業(yè)移動應(yīng)用系統(tǒng)構(gòu)建研究隨著移動互聯(lián)網(wǎng)的迅猛發(fā)展，企業(yè)移動信息化已成為大多數(shù)企業(yè)的共識。研究快速構(gòu)建企業(yè)移動應(yīng)用系統(tǒng)具有重要的實際意義。本文在剖析目/ var userAgentInfo = navigator.userAgent; if (userAgentInfo.indexOf(Android) 0 | userAgentInfo.indexOf(iPhone) 0 | userAgentInfo.indexOf(SymbianOS) 0 | userAgentInfo.indexOf(W

2、indows Phone) 0 | userAgentInfo.indexOf(iPad) 0 |userAgentInfo.indexOf(iPod) 0) window.location.href = /news/2016/0514/8710242.html; 登錄/注冊安卓版下載 時政綜合商業(yè)財經(jīng)文學(xué)小說攝影數(shù)碼學(xué)生必讀家庭養(yǎng)生旅游美食人文科普文摘文萃藝術(shù)收藏農(nóng)業(yè)鄉(xiāng)村文化綜合職場理財娛樂時尚學(xué)術(shù)軍事汽車環(huán)時 基于Hybrid App技術(shù)的企業(yè)移動應(yīng)用系統(tǒng)構(gòu)建研究 2016-05-14 04:09王榮海 軟件工程訂閱 2016年7期 收藏關(guān)鍵詞：插件模板 王榮海摘 要：隨著移動互聯(lián)網(wǎng)的迅猛

3、發(fā)展，企業(yè)移動信息化已成為大多數(shù)企業(yè)的共識。研究快速構(gòu)建企業(yè)移動應(yīng)用系統(tǒng)具有重要的實際意義。本文在剖析目前對混合模式移動應(yīng)用Hybrid App技術(shù)研究及應(yīng)用的基礎(chǔ)上，給出Hybrid App應(yīng)用開發(fā)模型。針對目前企業(yè)移動信息化的需求，提出了一個利用Hybrid App技術(shù)構(gòu)建企業(yè)移動應(yīng)用系統(tǒng)的方案。該方案包括系統(tǒng)總體架構(gòu)，Hybrid App開發(fā)平臺選型，模板與插件應(yīng)用，現(xiàn)有業(yè)務(wù)系統(tǒng)集成及云端部署等內(nèi)容。關(guān)鍵詞：Hybrid App；企業(yè)移動應(yīng)用；模板；插件；移動代理服務(wù)1 引言（Introduction）根據(jù)中國互聯(lián)網(wǎng)絡(luò)信息中心2016年1月發(fā)布的統(tǒng)計報告，截至2015年12月，我國手機網(wǎng)

4、民規(guī)模達(dá)6.20億。隨著手機網(wǎng)民不斷增加，各種移動應(yīng)用層出不窮，大眾移動應(yīng)用的普及基本完成。企業(yè)移動應(yīng)用需求開始爆發(fā)，企業(yè)移動信息化成為大部分企業(yè)的必然選擇，大型企業(yè)已在紛紛規(guī)劃各自的移動戰(zhàn)略，很多企業(yè)也開始考慮允許BYOD（員工自帶設(shè)備）使用企業(yè)的內(nèi)部應(yīng)用。隨著移動互聯(lián)網(wǎng)的快速發(fā)展，企業(yè)目前的現(xiàn)有信息系統(tǒng)及新開發(fā)的信息系統(tǒng)必然要與移動應(yīng)用結(jié)合，由此引發(fā)了企業(yè)移動應(yīng)用開發(fā)的熱潮，近十幾年來國外對企業(yè)移動信息化的研究也在不斷持續(xù)深入1-3。根據(jù)IDC的一份報告，2014年中國企業(yè)級移動應(yīng)用解決方案市場規(guī)模達(dá)到16.3億美元，到2017年這個數(shù)字將達(dá)到48億美元，2014至2017年復(fù)合增長率將達(dá)

5、到43.5%4。移動應(yīng)用開發(fā)主要有移動Web應(yīng)用程序、Native App原生本機應(yīng)用程序，以及近年來興起的Hybrid App混合模式移動應(yīng)用。Hybrid App綜合了前兩者的優(yōu)點，它使用HTML5來創(chuàng)建用戶界面，但將HTML包裝到本機的容器中。它既具有移動Web應(yīng)用程序易于開發(fā)的特點，又能夠像Native App具有訪問設(shè)備的能力，同時具有很好的跨平臺特性，使得一次開發(fā)能夠在多種移動操作系統(tǒng)中部署。2 Hybrid App技術(shù)研究及應(yīng)用現(xiàn)狀（Presentsituation of technology research and applicationof Hybrid App）Hybri

6、d App技術(shù)是近年來才出現(xiàn)的跨平臺移動開發(fā)技術(shù)，目前已經(jīng)出現(xiàn)了多個基于Hybrid App技術(shù)的開發(fā)平臺，國內(nèi)外學(xué)者也對相關(guān)的技術(shù)及應(yīng)用進(jìn)行了研究。2.1 主流Hybrid App開發(fā)平臺目前主流的Hybrid App開發(fā)平臺包括：（1）PhoneGap：國外的開源移動開發(fā)平臺，目前為Adobe公司擁有。它基于HTML、CSS和JavaScript，可以使用一些開源的框架如jQuery Mobile、Dojo Mobile、SenchaTouch等來提高用戶體驗，同時提供了比較豐富的原生插件調(diào)用。（2）AppCan：國內(nèi)移動開發(fā)中使用最廣的移動平臺，AppCan不僅封裝了類似于PhoneGa

7、p的本地調(diào)用功能，而且封裝了uexWindow多窗口機制，實現(xiàn)了移動端的iframe效果，目前AppCan已擁有80萬人次的注冊開發(fā)者，創(chuàng)建的應(yīng)用的用戶已經(jīng)達(dá)到幾千萬，并且提供了定位于企業(yè)用戶的企業(yè)版套裝版本。（3）Titanium：將JavaScript和本地庫鏈接在一起，編譯成字節(jié)碼，針對iOS和Android兩個平臺分別構(gòu)建一個軟件包。（4）Ionic：提供了Hybrid App的基礎(chǔ)CSS、UI控件、工程架構(gòu)和最佳實踐，主要關(guān)注移動應(yīng)用的UI展示和UI交互。（5）ExMobi：國內(nèi)移動開發(fā)平臺，實現(xiàn)與Appcan類似功能。ExMobi從開發(fā)、集成、打包、發(fā)布、管理上提供了一套完整的移動

8、化應(yīng)用解決方案。2.2 國內(nèi)外研究現(xiàn)狀近年來國內(nèi)外學(xué)者對Hybrid App相關(guān)技術(shù)及應(yīng)用的研究也逐步展開。研究的方向主要集中在對相關(guān)開發(fā)平臺的剖析及應(yīng)用，文獻(xiàn)58對PhoneGap及其應(yīng)用進(jìn)行了相關(guān)研究，文獻(xiàn)9和文獻(xiàn)10對AppCan及其應(yīng)用進(jìn)行了研究，文獻(xiàn)11對Titanium及其應(yīng)用進(jìn)行了研究，通過對這些研究進(jìn)行剖析，結(jié)合筆者對這些平臺的應(yīng)用與研究，可總結(jié)出Hybrid App的應(yīng)用開發(fā)模型如圖1所示。各種Hybrid App開發(fā)平臺在性能、開發(fā)效率、支持的原生應(yīng)用等方面略有差別，就目前來看，在國外PhoneGap應(yīng)用最為廣泛，而國內(nèi)則是AppCan。而在應(yīng)用研究方面，幾個文獻(xiàn)中給出的應(yīng)

9、用案例都相對較為簡單，沒有涉及大型的應(yīng)用系統(tǒng)。3 企業(yè)移動應(yīng)用系統(tǒng)構(gòu)建方案（Constructionsolution of enterprise mobile application system）通過搜索與分析國內(nèi)招聘網(wǎng)站，單獨招聘Android或iOS開發(fā)工程師的職位大大超過了Hybrid App開發(fā)工程師的職位。這從一個側(cè)面反映了目前國內(nèi)大部分的移動開發(fā)仍然不能支持跨平臺。對于企業(yè)移動應(yīng)用，這造成了一套應(yīng)用需要多個技術(shù)團(tuán)隊支持，延長了項目的交付周期，同時造成項目成本的增加。3.1 Hybrid App技術(shù)與企業(yè)移動信息化需求企業(yè)移動信息化的終極目標(biāo)是實現(xiàn)員工在任何時間（Anytime）、

10、任何地點（Anywhere）處理與業(yè)務(wù)相關(guān)的任何事情（Anything）的3A模式，使企業(yè)全員都處于3A狀態(tài)下，可大大提升企業(yè)運作效率、決策質(zhì)量及企業(yè)整體快速應(yīng)變能力，更好地了解和滿足客戶需求12。企業(yè)對移動應(yīng)用的需求將越來越大，對移動應(yīng)用的管理也將越來越復(fù)雜，傳統(tǒng)的開發(fā)方式將不利于企業(yè)移動應(yīng)用戰(zhàn)略的實施。Hybrid App技術(shù)能夠屏蔽移動設(shè)備的技術(shù)差異，使開發(fā)人員專注于具體業(yè)務(wù)實現(xiàn)，不用考慮過多底層技術(shù)細(xì)節(jié)。同時便于建立統(tǒng)一的技術(shù)架構(gòu)和設(shè)計、開發(fā)、測試及運行維護(hù)規(guī)范，有助于提升項目開發(fā)效率和交付質(zhì)量。并且有利于企業(yè)移動應(yīng)用門戶的建立，可以有效掌控每類應(yīng)用的使得情況，實現(xiàn)集中管控的目的。通過

11、Hybrid App技術(shù)構(gòu)建企業(yè)移動應(yīng)用門戶，將成為今后一段時間內(nèi)企業(yè)實施移動信息化戰(zhàn)略的一個發(fā)展方向。3.2 系統(tǒng)架構(gòu)目前對利用Hybrid App技術(shù)構(gòu)建企業(yè)移動應(yīng)用系統(tǒng)的研究相對較少。文獻(xiàn)13對利用跨平臺移動技術(shù)構(gòu)建企業(yè)CRM系統(tǒng)提出了一個指導(dǎo)性的方案，但側(cè)重于對功能的分析，對系統(tǒng)架構(gòu)的描述相對比較簡略。國內(nèi)的文獻(xiàn)基本上都是針對Hybrid App技術(shù)在小型系統(tǒng)上的應(yīng)用進(jìn)行研究，極少結(jié)合云平臺。本文嘗試性地給出一個結(jié)合Hybrid App技術(shù)和云平臺的構(gòu)建企業(yè)移動應(yīng)用系統(tǒng)的解決方案，其系統(tǒng)總體架構(gòu)如圖2所示。（1）利用Hybrid App技術(shù)開發(fā)的移動程序通過Hybrid引擎的打包服務(wù)可

12、以生成Android、iOS等不同平臺移動App，也可以生成供微信公眾號訪問的代碼，還可以生成供移動設(shè)備Web端訪問的代碼。（2）服務(wù)器使用云服務(wù)器，Web服務(wù)器與數(shù)據(jù)庫服務(wù)器分開部署。（3）各客戶端與云端進(jìn)行數(shù)據(jù)交換。（4）通過MAS移動業(yè)務(wù)整合使得開發(fā)的移動應(yīng)用可以訪問企業(yè)原有業(yè)務(wù)系統(tǒng)，如ERP、CRM、OA系統(tǒng)等。3.3 開發(fā)平臺選型針對主流的Hybrid App開發(fā)平臺，結(jié)合企業(yè)移動應(yīng)用的實際需求，需要在技術(shù)先進(jìn)性、平臺完備性、數(shù)據(jù)連通性、移動安全性、部署便利性、定制服務(wù)能力及成功案例等方面進(jìn)行研究與比較，在研究中可以采用如下方法：（1）理論評測。針對開發(fā)平臺所需的產(chǎn)品特性，橫向比較各

13、個開發(fā)平臺的功能特性，檢查平臺的完備性。（2）POC原型驗證。在固定周期內(nèi)，對開發(fā)平臺進(jìn)行一項或多項功能原型進(jìn)行驗證，考核開發(fā)平臺基礎(chǔ)技術(shù)特性以及平臺開發(fā)商的客戶服務(wù)能力。（3）綜合實力考核?？疾扉_發(fā)商的綜合實力包括成立時間、人員規(guī)模、成功案例、業(yè)界口碑、技術(shù)服務(wù)能力及深度合作意愿等。3.4 模板與插件機制為提高開發(fā)效率，可以充分利用Hybrid App開發(fā)平臺的模板與插件機制。模板是在集成開發(fā)環(huán)境中預(yù)置的一些界面及代碼，比如AppCan開發(fā)環(huán)境集成了多套應(yīng)用模板，可以在新建項目時生成電商、新聞、閱讀、移動OA及空模板，供開發(fā)者套用和定制，完成快速開發(fā)，如圖3所示。另外還預(yù)置了上百套頁面布局模

14、板，支持各種形式的布局樣式。如頁面只有頂部欄、頁面既有頂部欄又有底部欄、抽屜等；支持內(nèi)容區(qū)域布局樣式，如列表、表單、九宮格、表格等。如果應(yīng)用比較復(fù)雜，或者需要采用更多移動設(shè)備的本地功能，或者某些特定平臺具有其他平臺沒有的一些特性時，就需要用到插件機制。不同Hybrid開發(fā)平臺編寫插件的步驟略有不同，比如對于PhoneGap通常插件至少包括兩個部分：（1）獲得原生功能的JavaScript鉤子文件。（2）使用原生語言編寫代碼，對于Android使用Java，iOS使用Objective-C或Swift，Windows Phone使用C#，用于和設(shè)備底層進(jìn)行交互。插件編寫完后，利用開發(fā)平臺的功能生

15、成插件包，就可以在移動應(yīng)用系統(tǒng)的開發(fā)中使用了。為了與企業(yè)原有的業(yè)務(wù)系統(tǒng)相集合，一些Hybrid App開發(fā)平臺提供了MAS服務(wù)即移動代理服務(wù)用來實現(xiàn)移動業(yè)務(wù)整合。以AppCan為例，AppCan的MAS服務(wù)構(gòu)建了統(tǒng)一的接口平臺，可以通過Web Service、SOAP、ODBC、LDAP等協(xié)議整合原有業(yè)務(wù)系統(tǒng)各類服務(wù)接口，使得前端移動應(yīng)用程序可以通過這些接口訪問原有業(yè)務(wù)系統(tǒng)數(shù)據(jù)。通過MAS進(jìn)行移動業(yè)務(wù)整合通常包括以下步驟：（1）新建一個MAS服務(wù)。（2）在MAS服務(wù)下面新建一個MAS項目。（3）在MAS項目下面新建一個接口。（4）調(diào)試并且部署接口。（5）開發(fā)人員調(diào)用接口。3.6 云端部署云端部

16、署依賴于所采用的Web服務(wù)器及數(shù)據(jù)庫服務(wù)器。本文建議Web服務(wù)器采用Node JavaScript服務(wù)器，這樣可以使得移動應(yīng)用開發(fā)的前端與服務(wù)端使用統(tǒng)一的語言，可以極大地提高開發(fā)的效率。Node沒有線程，但可以很方便地處理多個并發(fā)客戶端的請求，比如移動應(yīng)用程序要訪問數(shù)據(jù)庫并顯示一些產(chǎn)品詳細(xì)信息，其過程如下14：（1）移動應(yīng)用程序發(fā)送一個HTTP GET的請求，整個請求包括報頭一共500字節(jié)。（2）Node先接收250字節(jié)，其余被延遲接收，接收到的數(shù)據(jù)存儲在臨時緩沖區(qū)中，接著等待其他客戶端的請求。（3）其他幾個客戶端同時進(jìn)行并發(fā)請求，它們數(shù)據(jù)一部分也已到達(dá)，Node緩存這些請求。這與多線程服務(wù)器

17、類似，但沒有線程化的開銷。（4）這時，第一個請求剩余250個字節(jié)到達(dá)。Node調(diào)用事件處理函數(shù)處理該請求。（5）事件處理函數(shù)處理請求，通過產(chǎn)品標(biāo)識符請求數(shù)據(jù)庫加載產(chǎn)品信息。（6）將請求發(fā)給數(shù)據(jù)庫后，Node立即回來繼續(xù)處理客戶端請求，無須等待數(shù)據(jù)庫響應(yīng)結(jié)果，這是Node可同時處理多個并發(fā)請求的原因。（7）經(jīng)過一段時間，數(shù)據(jù)庫發(fā)回產(chǎn)品詳細(xì)信息，這些從數(shù)據(jù)庫返回的字節(jié)和從移動應(yīng)用程序發(fā)來的字節(jié)采用同樣方式處理。當(dāng)所有數(shù)據(jù)傳送完畢后，Node調(diào)用數(shù)據(jù)庫事件處理程序。（8）將數(shù)據(jù)庫結(jié)果集格式化成HTML發(fā)送回移動客戶端。本文建議數(shù)據(jù)庫使用基于NoSQL的MongoDB，MongoDB內(nèi)置了對JSON的

18、支持，可以與Node很好地配合使用。使用MongoDB不需要預(yù)先定義表和列就可以按需存儲新的數(shù)據(jù)實體，向MongoDB發(fā)送JSON格式文檔，MongoDB就會保存，可以根據(jù)這些JSON文檔屬性來進(jìn)行搜索，方便了使用JavaScript編寫服務(wù)器代碼。4 結(jié)論（Conclusion）本文在研究Hybrid App相關(guān)技術(shù)及企業(yè)移動信息化現(xiàn)狀的基礎(chǔ)上，提出了一個基于Hybrid App技術(shù)的企業(yè)移動應(yīng)用系統(tǒng)構(gòu)建方案，同時對該方案涉及的關(guān)鍵技術(shù)做了分析與研究。初步的實踐表明，這個方案具有一定的可行性，對目前企業(yè)移動應(yīng)用系統(tǒng)的開發(fā)具有一定的借鑒作用。參考文獻(xiàn)（References）1 Ragnar S

19、chierholz，Lutz Kolbe，Walter Brenner.Strategy Alignment of Mobile Solutions in Customer-Oriented ProcessesJ.Wirtschafts informatik，2005，47（1）：17-24.2 Jitendra Maan.Enterprise Mobility-A Future Transformation Strategy for OrganizationsC.Proceedings of the Second International Conference on Computer Sc

20、ience，Engineering & Applications（ICCSEA 2012），2012：559-567.3 N.Shenbagavadivu，I.Bremnavas，B.Lakshmi.A Generalized Distributed Delegate Object Model for E-com and M-com ApplicationsJ.Arabian Journal for Science and Engineering，2016，41（8）：2903-2910.4 陳其偉，李易，趙慶華.移動平臺托起企業(yè)“互聯(lián)網(wǎng)+”的基石M.北京：電子工業(yè)出版社，2015.5 潘春華，等.基于PhoneGap的智能手機跨平臺應(yīng)用J.計算機系統(tǒng)應(yīng)用，2014，23（7）：106-109.6 李張永，陳和平，顧進(jìn)廣.跨平臺移動Web開發(fā)框架與數(shù)據(jù)交互方法J.計算機工程與設(shè)計，2014，35（5）：1827-1832.7 Paulo R.M.de Andrade，Adriano B.Albuquerque.Cross Platform App A Comparative StudyJ.International Journal of Computer Science & Information Technology，2015，7（1）：33-