一種跨設(shè)備運行的Web應(yīng)用軟件實現(xiàn)系統(tǒng)和方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明屬于計算機軟件及互聯(lián)網(wǎng)通信領(lǐng)域，涉及一種提供給開發(fā)者快速開發(fā)跨設(shè)備運行的Web應(yīng)用軟件實現(xiàn)系統(tǒng)和方法。
【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)的發(fā)展和Web開發(fā)技術(shù)的不斷完善，網(wǎng)頁Web應(yīng)用已經(jīng)成為面向互聯(lián)網(wǎng)的用戶交互載體。而隨著用戶智能終端的快速發(fā)展，無論是傳統(tǒng)的桌面計算機，還是近幾年普遍應(yīng)用的智能手機，本地應(yīng)用開發(fā)也在逐漸向Web化方向發(fā)展。
[0003]目前網(wǎng)頁Web開發(fā)是以服務(wù)器為中心的開發(fā)模式，而本地Web應(yīng)用開發(fā)是以單一設(shè)備系統(tǒng)為中心的開發(fā)模式，所以盡管網(wǎng)頁Web應(yīng)用和本地Web應(yīng)用都是基于HTML標(biāo)準(zhǔn)來進行的研發(fā)，但兩種類型應(yīng)用開發(fā)采用完全不同的開發(fā)框架，導(dǎo)致兩種應(yīng)用開發(fā)和生態(tài)環(huán)境完全割裂、難以融合?，F(xiàn)有的本地Web應(yīng)用開發(fā)也無法充分利用用戶多設(shè)備的優(yōu)勢進行跨設(shè)備交互。因此，需要一種新型Web開發(fā)技術(shù)來滿足現(xiàn)有需求。

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

[0004]本發(fā)明的目的在于提供給開發(fā)者一種跨設(shè)備運行的Web應(yīng)用軟件實現(xiàn)系統(tǒng)和方法，能夠?qū)㈤_發(fā)的Web應(yīng)用同時作為網(wǎng)頁Web應(yīng)用和本地Web應(yīng)用運行。
[0005]本發(fā)明采用的技術(shù)方案如下:
[0006]—種跨設(shè)備運行的Web應(yīng)用軟件實現(xiàn)系統(tǒng)，其包括:
[0007]Web應(yīng)用基本實現(xiàn)單元，負(fù)責(zé)進行Web應(yīng)用的基本實現(xiàn)，并實現(xiàn)對本地功能方法集合的調(diào)用(本地功能方法也可稱為本地功能對象，本地功能方法集合也可稱為本地功能對象集合)，以及建立實現(xiàn)本地功能方法的腳本文件；
[0008]Web應(yīng)用本地運行支撐單元，負(fù)責(zé)實現(xiàn)Web應(yīng)用在本地運行時對應(yīng)用文件的引用和對本地功能方法的調(diào)用；
[0009]Web應(yīng)用網(wǎng)頁運行支撐單元，負(fù)責(zé)實現(xiàn)Web應(yīng)用在網(wǎng)頁運行時對應(yīng)用文件的引用和對本地功能方法的調(diào)用。
[0010]進一步地，所述Web應(yīng)用的基本實現(xiàn)兼容HTML5標(biāo)準(zhǔn)；所述本地功能方法的實現(xiàn)代碼寫在符合CommonJS規(guī)范的腳本語言文件中，并存放在一個API路徑中。
[0011]進一步地，所述Web應(yīng)用基本實現(xiàn)單元以字符串?dāng)?shù)組為參數(shù)實現(xiàn)Web應(yīng)用調(diào)用本地功能方法，或者通過宏定義、序號標(biāo)識、或單一字符等方式獲取對本地功能方法的調(diào)用能力。
[0012]進一步地，所述Web應(yīng)用網(wǎng)頁運行支撐單元在用戶需要時啟動，啟動后用戶獲得訪問網(wǎng)頁版Web應(yīng)用的地址，并通過瀏覽器打開運行。
[0013]一種采用上述系統(tǒng)的跨設(shè)備運行的Web應(yīng)用軟件實現(xiàn)方法，其特征在于，首先通過Web應(yīng)用基本實現(xiàn)單元進行Web應(yīng)用的基本實現(xiàn)，以開發(fā)Web應(yīng)用；然后通過Web應(yīng)用本地運行支撐單元和Web應(yīng)用網(wǎng)頁運行支撐單元，將開發(fā)的Web應(yīng)用同時作為本地Web應(yīng)用和網(wǎng)頁Web應(yīng)用兩種方式運行。
[0014]進一步地，所述Web應(yīng)用本地運行支撐單元對于本地文件的引用路徑采用相對路徑表示，具體是指本地文件相對于HTML文件的相對路徑；所述Web應(yīng)用本地運行支撐單元調(diào)用本地功能方法時，加載與字符串?dāng)?shù)組參數(shù)對應(yīng)的一個或多個腳本語言文件，并建立對應(yīng)的一個或多個對象組成的數(shù)組，通過回調(diào)方法將該數(shù)組返回給Web應(yīng)用來獲得本地功能方法調(diào)用的能力。
[0015]進一步地，所述Web應(yīng)用網(wǎng)頁運行支撐單元在用戶需要時啟動，啟動后用戶獲得訪問網(wǎng)頁版Web應(yīng)用的地址，并通過瀏覽器打開運行，然后通過如下方法實現(xiàn)對應(yīng)用文件的引用:
[0016]a)用戶訪問對應(yīng)地址時，Web應(yīng)用網(wǎng)頁運行支撐單元收到請求并返回對應(yīng)應(yīng)用的主頁面HTML文件；
[0017]b)瀏覽器通過對HTML的解析，向Web應(yīng)用網(wǎng)頁運行支撐單元請求相關(guān)的腳本語言文件、樣式文件，Web應(yīng)用網(wǎng)頁運行支撐單元根據(jù)相對地址返回Web應(yīng)用需要加載的文件；
[0018]c)ffeb應(yīng)用需要進行Html頁面跳轉(zhuǎn)時，依次再次執(zhí)行以上兩步。
[0019]進一步地，所述Web應(yīng)用網(wǎng)頁運行支撐單元通過如下方法實現(xiàn)對本地功能方法的調(diào)用:
[0020]a)瀏覽器向Web應(yīng)用網(wǎng)頁運行支撐單元請求對應(yīng)字符串?dāng)?shù)組的、寫有本地功能方法實現(xiàn)代碼的腳本語言文件；
[0021]b) Web應(yīng)用網(wǎng)頁運行支撐單元收到關(guān)于所述腳本語言文件的請求時，如果該Web應(yīng)用網(wǎng)頁運行支撐單元已加載過，則從API對象數(shù)組中獲得API對象，否則加載對應(yīng)的腳本語言文件，并建立對應(yīng)的API對象存放在API對象數(shù)組中；
[0022]c)ffeb應(yīng)用網(wǎng)頁運行支撐單元遍歷API對象所具有的本地功能方法，獲得該方法的名稱，然后根據(jù)本地功能方法的名稱，按照腳本語言文件規(guī)范，建立一個遠(yuǎn)程調(diào)用本地方法的代理腳本語言文件，并將此代理腳本語言文件返回給步驟a)中瀏覽器的請求；
[0023]d)所述代理腳本語言文件中每一個方法的實現(xiàn)都是向網(wǎng)頁運行支撐發(fā)起一個異步請求，當(dāng)異步請求返回時，利用調(diào)用方法中作為第一個參數(shù)的回調(diào)函數(shù)來完成Web應(yīng)用的本地功能調(diào)用。
[0024]本發(fā)明的優(yōu)點是:基于該方法開發(fā)者只需要開發(fā)一次Web應(yīng)用并部署在設(shè)備上，就能夠以瀏覽器和本地啟動兩種訪問方式運行這個應(yīng)用，即同時作為網(wǎng)頁Web應(yīng)用和本地Web應(yīng)用運行。該方法可以提供給用戶多種Web應(yīng)用訪問方式，并且能夠讓用戶在更多的設(shè)備訪問用戶的應(yīng)用和數(shù)據(jù)。
【附圖說明】
[0025]圖1為本發(fā)明Web應(yīng)用本地運行支撐(本地功能方法調(diào)用)框架圖。
[0026]圖2為本發(fā)明Web應(yīng)用網(wǎng)頁運行支撐框架圖。
【具體實施方式】
[0027]為使本發(fā)明的上述目的、特征和優(yōu)點能夠更加明顯易懂，下面通過具體實施例和附圖，對本發(fā)明做進一步說明。
[0028]本發(fā)明的快速開發(fā)跨設(shè)備運行的新型Web應(yīng)用軟件實現(xiàn)方法，包含三個部分:Web應(yīng)用基本實現(xiàn)方法、Web應(yīng)用本地運行支撐實現(xiàn)方法、Web應(yīng)用網(wǎng)頁運行支撐實現(xiàn)方法。這三部分也可分別稱為Web應(yīng)用基本實現(xiàn)單元、Web應(yīng)用本地運行支撐單元、Web應(yīng)用網(wǎng)頁運行支撐單元。
[0029]一.Web應(yīng)用基本實現(xiàn)方法
[0030]Web應(yīng)用基本實現(xiàn)包括兼容HTML5標(biāo)準(zhǔn)的應(yīng)用實現(xiàn)，一個以字符串(數(shù)組)為參數(shù)的請求本地功能方法集合(本地功能方法也可稱為本地功能對象，本地功能方法集合也可稱為本地功能對象集合)的方法，以及一系列實現(xiàn)本地功能的腳本文件。
[0031]1.Web 應(yīng)用開發(fā)基礎(chǔ)實現(xiàn)兼容 HTML5 標(biāo)準(zhǔn)(http://www.w3.0rg/TR/html5/)。
[0032]2.Web應(yīng)用調(diào)用本地功能方法均通過調(diào)用以字符串?dāng)?shù)組為參數(shù)的方法(下文用requireAPI代指這一個方法)，采用回調(diào)函數(shù)返回一個對象數(shù)組獲取本地功能方法調(diào)用的能力。
[0033]3.Web應(yīng)用調(diào)用本地功能方法的第一個參數(shù)為回調(diào)函數(shù)，其他參數(shù)類型支持可進行字符串封裝的類型。
[0034]4.本地功能方法可以是獲取本地應(yīng)用列表、獲取或保存本地文件、啟動應(yīng)用、獲取可連接設(shè)備列表、獲取修改本地配置等功能，即除HTML5規(guī)范中規(guī)定的方法以外的提供給應(yīng)用調(diào)用的方法，用圖1所示的funct1nA-l、funct1nB-l等來表示，其實現(xiàn)代碼寫在符合CommonJS規(guī)范(http://www.common js.0rg/specs/)的腳本語言文件中，并存放在一個API路徑中(下文用APIPATH來代指這一目錄)，其中腳本語言文件名與第2步中的字符串參數(shù)名稱相同。不同的本地功能實現(xiàn)方法不限制是否放在同一個腳本語言文件中，腳本語言文件中的方法的實現(xiàn)代碼可以調(diào)用其他目錄下的腳本語言文件，不限制在APIPATH目錄下。
[0035]5.Web應(yīng)用中的html文件需要在head段中加入一行對本地功能方法調(diào)用的實現(xiàn)文件(下文中以ap1.js指代)，ap1.js中提供了 requireAPI方法的實現(xiàn)，ap1.js也是本地運行支撐環(huán)境和網(wǎng)頁運行支撐環(huán)境的入口。
[0036]二.Web應(yīng)用本地運行支撐實現(xiàn)方法
[0037]Web應(yīng)用本地運行支撐實現(xiàn)主要包含兩個部分，一個是對應(yīng)用文件的引用，包括html文件、腳本語言文件和樣式文件，另一個是對本地功能方法的調(diào)用。
[0038]1.對應(yīng)用文件的引用
[0039]對于本地文件的引用路徑采用相對路徑表示，具體是指本地文件(如腳本語言文件、樣式文件)相對于HTML文件的相對路徑，如類似于./path/filename或../path/filename的路徑表示方式(圖1-①)。
[0040]2.對本地功能方法的調(diào)用
[0041]本地運行支撐提供的ap1.js提供了 requireAPI的方法的實現(xiàn):當(dāng)Web應(yīng)用調(diào)用requireAPI的方法時(圖1_②)，本地運行支撐通過加載APIPATH目錄下的與字符串?dāng)?shù)組參數(shù)對應(yīng)的一個或多個腳本語言文件，并建立對應(yīng)的一個或多個對象組成的數(shù)組(圖1-④)，并通過回調(diào)方法將該數(shù)組返回給Web應(yīng)用來獲得本地功能方法調(diào)用的能力((圖1-③)。
[0042]三.Web應(yīng)用網(wǎng)頁運行支撐實現(xiàn)方法
[0043]Web應(yīng)用網(wǎng)頁運行支撐實現(xiàn)主要包含兩個部分，一個是對應(yīng)用文件的引用，包括html文件、腳本語言文件和樣式文件，另一個是對本地功能方法的調(diào)用。具體來說，Web應(yīng)用網(wǎng)頁運行支撐包括一個提供W