一種將html網(wǎng)頁轉(zhuǎn)換為移動(dòng)終端頁面的方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種將HTML網(wǎng)頁轉(zhuǎn)換為移動(dòng)終端頁面的方法。
【背景技術(shù)】
[0002]對(duì)企業(yè)用戶來說，企業(yè)移動(dòng)應(yīng)用的終極目的是借助于移動(dòng)互聯(lián)網(wǎng)技術(shù)，包括終端的處理能力及便攜性、網(wǎng)絡(luò)的通達(dá)、以及用戶身份感知、位置識(shí)別、實(shí)時(shí)推送等特性，提高生產(chǎn)效率、提升管理水平、拓寬銷售渠道、優(yōu)化客戶服務(wù)，并最終帶來盈利能力的提升。在企業(yè)工作流程中的每個(gè)環(huán)節(jié)，都潛藏著巨大的移動(dòng)應(yīng)用需求。
[0003]當(dāng)前在移動(dòng)開發(fā)領(lǐng)域中面臨幾個(gè)問題:
[0004]后端企業(yè)業(yè)務(wù)系統(tǒng)的集成難題
[0005]后端的集成問題，一直是企業(yè)領(lǐng)域的傳統(tǒng)難題。企業(yè)移動(dòng)應(yīng)用是企業(yè)現(xiàn)有工作流程的延伸與擴(kuò)展，也繞不開這個(gè)問題；而且開發(fā)者還需要同時(shí)面對(duì)兩個(gè)額外的挑戰(zhàn):
[0006]企業(yè)工作/業(yè)務(wù)流程的移動(dòng)化延伸與優(yōu)化
[0007]企業(yè)移動(dòng)應(yīng)用一定是對(duì)現(xiàn)有工作/業(yè)務(wù)流程的延伸與優(yōu)化。大部分情況下應(yīng)用開發(fā)者能夠獲得的協(xié)助有限，即使完全無法獲得原系統(tǒng)開發(fā)者的支持，且不能變動(dòng)現(xiàn)有的工作流程，仍然要完成將企業(yè)現(xiàn)有的業(yè)務(wù)系統(tǒng)平滑地延伸到手機(jī)上的任務(wù)。
[0008]移動(dòng)化成本
[0009]對(duì)于大部分企業(yè)來說，移動(dòng)化的預(yù)算有限。在有限的預(yù)算中，還需要考慮對(duì)于員工終端及通信費(fèi)用的補(bǔ)貼。因此，企業(yè)移動(dòng)應(yīng)用市場是成本敏感型市場。
[0010]前端一一終端側(cè)的跨平臺(tái)開發(fā)難題:
[0011]企業(yè)不可能為它的員工配備統(tǒng)一的手機(jī)，而需求的剛性又要求應(yīng)用盡可能地覆蓋所有員工，因此支持多個(gè)手機(jī)平臺(tái)、兼容五花八門的手機(jī)對(duì)企業(yè)移動(dòng)應(yīng)用來說是個(gè)基本要求。
[0012]平臺(tái)的差異、終端的差異、迥異的開發(fā)技術(shù)，原生開發(fā)所帶來的巨大人力成本、開發(fā)成本、版本維護(hù)成本，對(duì)于大多數(shù)企業(yè)及開發(fā)團(tuán)隊(duì)來說都是無法承受的；更何況原生開發(fā)很難保證同一應(yīng)用在不同的平臺(tái)/手機(jī)上的統(tǒng)一交付，且展現(xiàn)與功能基本一致。
[0013]Web App雖然可以解決跨平臺(tái)的問題，但在響應(yīng)速度上存在硬傷，而且對(duì)于細(xì)分市場的支持不夠，不能靈活定制，在企業(yè)移動(dòng)應(yīng)用開發(fā)中也存在很多限制。
[0014]服務(wù)、維護(hù)成本:普通用戶幾乎不會(huì)關(guān)注應(yīng)用背后的關(guān)聯(lián)工作，但對(duì)企業(yè)管理者來說，如何獲取應(yīng)用、如何升級(jí)、如何與企業(yè)現(xiàn)有的IT管理制度、安全策略無縫對(duì)接、維護(hù)工作量及成本，卻是至關(guān)重要的問題，解決不好甚至可以直接影響一個(gè)系統(tǒng)的存、廢。
[0015]個(gè)性化定制與快速交付問題:企業(yè)移動(dòng)應(yīng)用開發(fā)是成本敏感的市場，必須通過盡力降低開發(fā)難度、提高開發(fā)效率來降低成本。手機(jī)應(yīng)用要滿足企業(yè)內(nèi)部的快速?zèng)Q策和變化。
[0016]當(dāng)前技術(shù):
[0017]技術(shù)方式一:重新開發(fā)
[0018]根據(jù)已有的辦公管理系統(tǒng)功能重新開發(fā)一套移動(dòng)版。所有的業(yè)務(wù)邏輯全部重寫部署在手機(jī)客戶端，兩者之間通過數(shù)據(jù)庫同步來進(jìn)行數(shù)據(jù)傳輸。必須針對(duì)每一種移動(dòng)終端都進(jìn)行一次開發(fā)。
[0019]技術(shù)方式二:遠(yuǎn)程桌面
[0020]利用遠(yuǎn)程桌面或類似遠(yuǎn)程桌面的技術(shù)將PC平臺(tái)的管理系統(tǒng)界面展示在手機(jī)端，手機(jī)端模擬鍵盤鼠標(biāo)操作與PC端管理系統(tǒng)進(jìn)行交互。原生系統(tǒng)無需任何改動(dòng)即可接入。
[0021]技術(shù)方式三:普通中間件方式
[0022]不改變原PC版BS管理系統(tǒng)，利用網(wǎng)頁爬蟲抓取原系統(tǒng)頁面數(shù)據(jù)。亦支持多數(shù)據(jù)源，例如直接獲取數(shù)據(jù)庫數(shù)據(jù)的數(shù)據(jù)獲取模式。獲取到數(shù)據(jù)后，使用原生APP嵌入HTML框的方式進(jìn)行數(shù)據(jù)展示。并通過HTML表單提交數(shù)據(jù)到中間件，由中間件轉(zhuǎn)發(fā)數(shù)據(jù)到BS管理系統(tǒng)完成數(shù)據(jù)交互。不需要重新開發(fā)系統(tǒng)，適配快捷。中間件成熟后，適配系統(tǒng)技術(shù)門檻低，對(duì)于原系統(tǒng)變更響應(yīng)快。由于使用HTML進(jìn)行展示，一次適配即可覆蓋多種移動(dòng)終端。原生APP能夠調(diào)用系統(tǒng)自身功能，HTML5+CSS+JS能夠?qū)崿F(xiàn)復(fù)雜的業(yè)務(wù)邏輯，展示豐富的頁面效果，達(dá)到良好的用戶體驗(yàn)。原管理系統(tǒng)不用暴露數(shù)據(jù)庫，從而具備較好的數(shù)據(jù)安全性。中間件具備復(fù)用性。現(xiàn)有技術(shù)的缺點(diǎn)及其原因分析:
[0023]技術(shù)缺點(diǎn):
[0024]需要重新開發(fā)，而移動(dòng)端重新開發(fā)成本高；并且業(yè)務(wù)系統(tǒng)接口改造風(fēng)險(xiǎn)大；系統(tǒng)聯(lián)調(diào)時(shí)間長；需求變更維護(hù)成本高；成品不具備復(fù)用性和可移植性。
[0025]由于手機(jī)端必須和原辦公系統(tǒng)數(shù)據(jù)庫進(jìn)行交互，將使數(shù)據(jù)庫暴露在公共網(wǎng)絡(luò)，從而造成數(shù)據(jù)安全隱患，增加網(wǎng)絡(luò)安全防護(hù)的成本。
[0026]遠(yuǎn)程桌面的方法缺點(diǎn):在手機(jī)上操作PC界面，用戶體驗(yàn)差，無法針對(duì)手機(jī)特點(diǎn)優(yōu)化，流量費(fèi)用高。
[0027]使用普通中間件缺點(diǎn):適配系統(tǒng)時(shí)，需要針對(duì)每個(gè)頁面重寫HTML展示代碼和頁面邏輯校驗(yàn)，實(shí)施成本高，開發(fā)周期長；需要頁面重寫人員了解整個(gè)業(yè)務(wù)系統(tǒng)的細(xì)節(jié)；手機(jī)端校驗(yàn)被繞過后，如果原系統(tǒng)不具備后端校驗(yàn)功能，將會(huì)導(dǎo)致臟數(shù)據(jù)寫入數(shù)據(jù)庫；數(shù)據(jù)傳輸時(shí)包含大量的HTML標(biāo)簽；數(shù)據(jù)獲取涉及到抓取網(wǎng)絡(luò)封包和編寫HTML及JS代碼，有二次開發(fā)門檻；
[0028]上述原因分析:
[0029]企業(yè)移動(dòng)化過程中面臨著不同架構(gòu)、眾多平臺(tái)、多個(gè)廠家的應(yīng)用系統(tǒng)整合，涉及到腳本復(fù)雜的動(dòng)態(tài)頁面、內(nèi)容繁多的數(shù)據(jù)交互、業(yè)務(wù)流程的一部加載等技術(shù)障礙。往往開發(fā)完成后到應(yīng)用推廣及效益上都需要較長的時(shí)間過渡；涉及系統(tǒng)繁多，如需獲取數(shù)據(jù)，則需要進(jìn)行相應(yīng)的接口開發(fā)及多方的聯(lián)調(diào)測試；如需迀移多系統(tǒng)數(shù)據(jù)到某一系統(tǒng)，需要投入大量的人力和開發(fā)，難以快速實(shí)現(xiàn)企業(yè)的移動(dòng)化管理；智能化水平低，無法實(shí)現(xiàn)自動(dòng)抓取，對(duì)數(shù)據(jù)進(jìn)行智能分析，往往要解決相關(guān)的數(shù)據(jù)問題則需要對(duì)系統(tǒng)進(jìn)行二次開發(fā)。

【發(fā)明內(nèi)容】

[0030]本發(fā)明要解決的技術(shù)問題，在于提供一種將HTML網(wǎng)頁轉(zhuǎn)換為移動(dòng)終端頁面的方法。
[0031]本發(fā)明是這樣實(shí)現(xiàn)的:一種將HTML網(wǎng)頁轉(zhuǎn)換為移動(dòng)終端頁面的方法，移動(dòng)終端向中間件服務(wù)器發(fā)起請(qǐng)求，中間件服務(wù)器根據(jù)請(qǐng)求內(nèi)容，使用http協(xié)議獲取對(duì)應(yīng)的原系統(tǒng)網(wǎng)頁數(shù)據(jù)，通過一瀏覽器內(nèi)核，將網(wǎng)頁數(shù)據(jù)進(jìn)行解析并抽象，隨后數(shù)據(jù)抽取器根據(jù)配置文件，使用XPath或正則表達(dá)式方式定位抽取網(wǎng)頁元素，將抽取到的元素交由數(shù)據(jù)裝配器進(jìn)行裝配，裝配的過程自行完成了 html元素屬性的抽提，并結(jié)合進(jìn)了配置文件中的附加屬性，將它們整合并轉(zhuǎn)換為json數(shù)據(jù)傳輸至移動(dòng)終端，移動(dòng)終端根據(jù)指定的規(guī)則解析數(shù)據(jù)并展現(xiàn)。
[0032]進(jìn)一步地，當(dāng)使用者對(duì)頁面上的組件進(jìn)行操作后，移動(dòng)終端會(huì)將組件對(duì)應(yīng)的UID以及操作事件回傳至服務(wù)器，服務(wù)器通過UID找尋到原始管理系統(tǒng)HTML界面上對(duì)應(yīng)的元素，并使用瀏覽器內(nèi)核執(zhí)行事件。
[0033]進(jìn)一步地，還包括一頁面重構(gòu)器用于攔截http請(qǐng)求返回的數(shù)據(jù)流并根據(jù)指定規(guī)則進(jìn)行內(nèi)容修改和替換，修改和替換僅針對(duì)于返回的數(shù)據(jù)流，不會(huì)對(duì)原系統(tǒng)網(wǎng)頁數(shù)據(jù)造成任何影響。
[0034]進(jìn)一步地，所述配置文件存放于XML文件；該XML文件的CDATA標(biāo)簽中的java源碼會(huì)被腳本引擎識(shí)別并處理，經(jīng)過處理后的XML配置文件被配置管理器加載并進(jìn)行緩存。
[0035]本發(fā)明具有如下優(yōu)點(diǎn):本發(fā)明一種將HTML網(wǎng)頁轉(zhuǎn)換