本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別是涉及一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法及裝置。

背景技術(shù)：

由于傳統(tǒng)桌面應(yīng)用領(lǐng)域一方面技術(shù)陳舊，另一方面熟悉傳統(tǒng)桌面應(yīng)用開發(fā)技術(shù)的人越來越少，導(dǎo)致企業(yè)難以找到桌面應(yīng)用研發(fā)人才。隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，基于web技術(shù)的桌面應(yīng)用逐漸出現(xiàn)在網(wǎng)絡(luò)用戶的視野里。由于使用web桌面應(yīng)用可以依靠網(wǎng)絡(luò)進(jìn)行遠(yuǎn)程的操作，用戶可以在手機(jī)等移動(dòng)終端上就能實(shí)現(xiàn)對(duì)web桌面應(yīng)用的使用，而不必像使用傳統(tǒng)桌面應(yīng)用一樣需要固定的主機(jī)。正是因?yàn)閣eb桌面應(yīng)用具有更高的便捷性和機(jī)動(dòng)性，所以越來越受廣大網(wǎng)絡(luò)用戶的青睞。

但是基于web技術(shù)的桌面應(yīng)用相比于傳統(tǒng)的桌面應(yīng)用還是存在一些不足。由于基于web技術(shù)的桌面應(yīng)用要實(shí)現(xiàn)操作系統(tǒng)和通信協(xié)議的交互十分復(fù)雜，所以要開發(fā)用戶與ui可以進(jìn)行深度交互的web桌面應(yīng)用的難度很大。另外，基于web技術(shù)的桌面應(yīng)用在用戶進(jìn)行操作時(shí)的響應(yīng)速度慢，導(dǎo)致執(zhí)行效率往往很低。

由此可見，提供一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法，以提高web桌面應(yīng)用的執(zhí)行效率并降低開發(fā)時(shí)的復(fù)雜程度，是本領(lǐng)域技術(shù)人員亟待解決的問題。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明的目的是提供一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法及裝置，以提高web桌面應(yīng)用的執(zhí)行效率并降低開發(fā)時(shí)的復(fù)雜程度。

為解決上述技術(shù)問題，本發(fā)明提供一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法，包括：

利用html及css編寫前端代碼，以及利用直譯式腳本語言編寫關(guān)于頁面交互和業(yè)務(wù)邏輯方面的業(yè)務(wù)腳本；

整合chromium內(nèi)核及node.js得到應(yīng)用底層容器；

其中，應(yīng)用底層容器用于執(zhí)行以下步驟：

對(duì)前端代碼進(jìn)行渲染解析得到渲染界面，以及將業(yè)務(wù)腳本進(jìn)行解析得到解析腳本；

開啟桌面服務(wù)器，并在桌面服務(wù)器中合并渲染界面及解析腳本，以與操作系統(tǒng)進(jìn)行交互。

優(yōu)選的，html具體為html5。

優(yōu)選的，直譯式腳本語言具體為javascript。

優(yōu)選的，與操作系統(tǒng)進(jìn)行交互具體為通過通信協(xié)議進(jìn)行數(shù)據(jù)的傳輸和/或?qū)ξ募到y(tǒng)進(jìn)行存取。

優(yōu)選的，操作系統(tǒng)具體為linux操作系統(tǒng)。

此外，本發(fā)明還提供一種基于web技術(shù)的桌面應(yīng)用構(gòu)建裝置，包括：

業(yè)務(wù)邏輯模塊，用于利用html及css編寫前端代碼，以及利用直譯式腳本語言編寫關(guān)于頁面交互和業(yè)務(wù)邏輯方面的業(yè)務(wù)腳本；

整合模塊，用于整合chromium內(nèi)核及node.js得到應(yīng)用底層容器；

應(yīng)用底層容器，用于對(duì)前端代碼進(jìn)行渲染解析得到渲染界面，以及將業(yè)務(wù)腳本進(jìn)行解析得到解析腳本；開啟桌面服務(wù)器，并在桌面服務(wù)器中合并渲染界面及解析腳本，以與操作系統(tǒng)進(jìn)行交互。

優(yōu)選的，html具體為html5。

優(yōu)選的，直譯式腳本語言具體為javascript。

優(yōu)選的，應(yīng)用底層容器與操作系統(tǒng)進(jìn)行交互具體為：通過通信協(xié)議進(jìn)行數(shù)據(jù)的傳輸和/或?qū)ξ募到y(tǒng)進(jìn)行存取。

優(yōu)選的，操作系統(tǒng)具體為linux操作系統(tǒng)。

本發(fā)明所提供的一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法，由于chromium內(nèi)核與node.js之間具有很高的兼容性，所以將兩者進(jìn)行整合以得到應(yīng)用底層容器以對(duì)不同種類的事件代碼或腳本進(jìn)行統(tǒng)一處理，處理后的結(jié)果可以在該容器中直接整合并呈現(xiàn)給用戶，所以能夠進(jìn)一步提高web桌面應(yīng)用的執(zhí)行效率。另一方面，由于node.js解決了在開發(fā)web桌面應(yīng)用時(shí)，其與操作系統(tǒng)和通信協(xié)議交互復(fù)雜的問題，因此進(jìn)一步降低了開發(fā)時(shí)的復(fù)雜程度。此外，由于chromium與node.js均支持跨平臺(tái)運(yùn)行，因此所開發(fā)的web桌面應(yīng)用也同樣支持多平臺(tái)的使用。此外，本發(fā)明還提供一種基于web技術(shù)的桌面應(yīng)用構(gòu)建裝置，有益效果如上所述。

附圖說明

為了更清楚地說明本發(fā)明實(shí)施例，下面將對(duì)實(shí)施例中所需要使用的附圖做簡(jiǎn)單的介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本發(fā)明實(shí)施例提供的一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法的流程圖；

圖2為本發(fā)明實(shí)施例提供的一種基于web技術(shù)的桌面應(yīng)用構(gòu)建裝置結(jié)構(gòu)圖。

具體實(shí)施方式

下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部實(shí)施例。基于本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下，所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)范圍。

本發(fā)明的核心是提供一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法，提高了web桌面應(yīng)用的執(zhí)行效率并降低開發(fā)時(shí)的復(fù)雜程度。此外，本發(fā)明的核心還提供一種基于web技術(shù)的桌面應(yīng)用構(gòu)建裝置。

為了使本技術(shù)領(lǐng)域的人員更好地理解本發(fā)明方案，下面結(jié)合附圖和具體實(shí)施方式對(duì)本發(fā)明作進(jìn)一步的詳細(xì)說明。

實(shí)施例一

圖1為本發(fā)明實(shí)施例提供的一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法的流程圖。請(qǐng)參考圖1，基于web技術(shù)的桌面應(yīng)用構(gòu)建方法的具體步驟包括：

步驟s10：利用html及css編寫前端代碼，以及利用直譯式腳本語言編寫關(guān)于頁面交互和業(yè)務(wù)邏輯方面的業(yè)務(wù)腳本。

在本步驟中，使用html(超文本標(biāo)記語言)進(jìn)行編寫的是最基本的web頁面基礎(chǔ)代碼，為了實(shí)現(xiàn)基本的前端頁面顯示。而通過css(層疊樣式表)進(jìn)行編寫的是用于對(duì)web頁面進(jìn)行修飾的代碼，可以使頁面變得更加美觀?？梢岳斫獾氖牵胔tml及css編寫前端代碼的好處是，在實(shí)現(xiàn)了基本頁面顯示的前提下，使頁面的顯示風(fēng)格更加友好。在用戶使用的過程中，可以獲得賞心悅目的感覺，進(jìn)一步提升了用戶體驗(yàn)。此外，通過以上方式編寫頁面的難度較小，所以可以對(duì)頁面進(jìn)行經(jīng)常性的更新以帶來更好的用戶視覺體驗(yàn)及新鮮感。另一方面，利用直譯式腳本語言編寫關(guān)于頁面交互和業(yè)務(wù)邏輯方面的業(yè)務(wù)腳本的目的是，提供為頁面前端提供動(dòng)態(tài)數(shù)據(jù)以及實(shí)現(xiàn)相應(yīng)功能的用于控制后臺(tái)的代碼。這些代碼主要的作用是在用戶對(duì)web頁面進(jìn)行操作時(shí)，實(shí)現(xiàn)與操作系統(tǒng)進(jìn)行相應(yīng)的通信連接和交互以獲取數(shù)據(jù)，并將數(shù)據(jù)處理為相應(yīng)的結(jié)果反饋顯示在web頁面上供用戶查看。

步驟s11：整合chromium內(nèi)核及node.js得到應(yīng)用底層容器。

由于chromium內(nèi)核及node.js使用了相同的v8引擎，所以兩者之間的兼容性良好?？梢岳斫獾氖牵瑢hromium內(nèi)核及node.js進(jìn)行整合為應(yīng)用底層容器的好處在于，使兩者可以更加緊密的配合進(jìn)行工作，即在chromium內(nèi)核處理前端代碼解析的同時(shí)node.js處理業(yè)務(wù)腳本以實(shí)現(xiàn)后臺(tái)操作系統(tǒng)的交互。整合chromium內(nèi)核及node.js為同一容器，進(jìn)而使兩者緊密配合工作的好處在于，應(yīng)用在用戶進(jìn)行操作時(shí)的響應(yīng)速度可以更快，執(zhí)行效率更高。需要說明的是，在具體實(shí)施中，步驟s11中的整合方法具體為：直接在用直譯式腳本語言編寫的業(yè)務(wù)腳本中調(diào)用node.js本身的功能接口。后續(xù)chromium內(nèi)核解析業(yè)務(wù)腳本時(shí)便可直接使用node.js相應(yīng)功能，進(jìn)而實(shí)現(xiàn)了chromium內(nèi)核與node.js兩者緊密配合工作。

其中，應(yīng)用底層容器用于執(zhí)行以下步驟：

步驟s12：對(duì)前端代碼進(jìn)行渲染解析得到渲染界面，以及將業(yè)務(wù)腳本進(jìn)行解析得到解析腳本。

可以理解的是，底層容器中的chromium內(nèi)核部分需要使用編譯功能，對(duì)業(yè)務(wù)腳本進(jìn)行解析并且對(duì)所編寫的前端代碼進(jìn)行解析得到可以展示給用戶的渲染界面以運(yùn)行在自身的瀏覽器中，前端代碼經(jīng)渲染而成的頁面就相當(dāng)于web桌面應(yīng)用的入口。底層容器中的node.js部分負(fù)責(zé)根據(jù)解析后的業(yè)務(wù)腳本以實(shí)現(xiàn)相應(yīng)與操作系統(tǒng)的交互。由于node.js具有一系列內(nèi)置模塊，可以作為獨(dú)立的服務(wù)器以運(yùn)行web桌面應(yīng)用，并且提供了強(qiáng)大的與操作系統(tǒng)交互的功能，可以使利用直譯式腳本語言編寫業(yè)務(wù)腳本的復(fù)雜程度大大降低，進(jìn)而開發(fā)者能夠更加簡(jiǎn)單的開發(fā)出更深層次交互的web桌面應(yīng)用。

步驟s13：開啟桌面服務(wù)器，并在桌面服務(wù)器中合并渲染界面及解析腳本，以與操作系統(tǒng)進(jìn)行交互。

由于底層容器中的node.js提供了桌面服務(wù)器的功能，所呈現(xiàn)的界面中沒有地址欄、狀態(tài)欄以及菜單欄等，所以和傳統(tǒng)的桌面應(yīng)用效果相同。可以理解的是，底層容器中的chromium內(nèi)核渲染得到的前端頁面作為一個(gè)應(yīng)用的入口運(yùn)行在桌面服務(wù)器中，能夠起到與在傳統(tǒng)桌面上運(yùn)行應(yīng)用程序一樣的效果。

本實(shí)施例所提供的一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法，由于chromium內(nèi)核與node.js之間具有很高的兼容性，所以將兩者進(jìn)行整合以得到應(yīng)用底層容器以對(duì)不同種類的事件代碼或腳本進(jìn)行統(tǒng)一處理，處理后的結(jié)果可以在該容器中直接整合并呈現(xiàn)給用戶，所以能夠進(jìn)一步提高web桌面應(yīng)用的執(zhí)行效率。另一方面，由于node.js解決了在開發(fā)web桌面應(yīng)用時(shí)，其與操作系統(tǒng)和通信協(xié)議交互復(fù)雜的問題，因此進(jìn)一步降低了開發(fā)時(shí)的復(fù)雜程度。此外，由于chromium與node.js均支持跨平臺(tái)運(yùn)行，因此所開發(fā)的web桌面應(yīng)用也同樣支持多平臺(tái)的使用。

實(shí)施例二

在上述實(shí)施例的基礎(chǔ)上，還有如下一系列優(yōu)選實(shí)施方式。

作為一種優(yōu)選的實(shí)施方式，html具體為html5。

html5是html(超文本標(biāo)記語言)的第五次重大修改而得的最新標(biāo)準(zhǔn)規(guī)范，基于之前版本做出的趕緊能夠更加適應(yīng)當(dāng)下的開發(fā)需要。另一方面，html5標(biāo)準(zhǔn)規(guī)范下的前端代碼能夠被當(dāng)下的全部主流瀏覽器所渲染并顯示，由此可見，使用了html5標(biāo)準(zhǔn)規(guī)范的web桌面應(yīng)用的兼容性更好。

此外，作為一種優(yōu)選的實(shí)施方式，直譯式腳本語言具體為javascript。

由于javascript比其他的直譯式腳本語言更為主流，在絕大多數(shù)主流瀏覽器的支持下可以在多種操作下運(yùn)行。另外，使用javascript的靈活更性高，可以將javascript代碼直接嵌入在html代碼中，當(dāng)然也可以寫成單獨(dú)的javascript文件有利于頁面結(jié)構(gòu)和頁面中具體行為的分離，方便錯(cuò)誤的排查以及后期的維護(hù)。

此外，作為一種優(yōu)選的實(shí)施方式，與操作系統(tǒng)進(jìn)行交互具體為通過通信協(xié)議進(jìn)行數(shù)據(jù)的傳輸和/或?qū)ξ募到y(tǒng)進(jìn)行存取。

與操作系統(tǒng)的交互在本質(zhì)上來說，涉及到數(shù)據(jù)的傳輸，而數(shù)據(jù)在操作系統(tǒng)中進(jìn)行傳輸或是更進(jìn)一步的在操作系統(tǒng)之間進(jìn)行傳遞都需要相應(yīng)的協(xié)議以保證傳輸數(shù)據(jù)的安全可靠?？梢岳斫獾氖?，一些情況下在數(shù)據(jù)傳輸?shù)耐瑫r(shí)，也需要進(jìn)行對(duì)數(shù)據(jù)的存取。而通過通信協(xié)議進(jìn)行數(shù)據(jù)的傳輸與對(duì)文件系統(tǒng)進(jìn)行存取這兩種行為均代表了與操作系統(tǒng)進(jìn)行了交互，所以不一定要同時(shí)進(jìn)行。

此外，作為一種優(yōu)選的實(shí)施方式，操作系統(tǒng)具體為linux操作系統(tǒng)。

由于linux操作系統(tǒng)所提供的圖形界面過于單調(diào)，并且可以支持的桌面應(yīng)用少之又少。由此可見，為linux操作系統(tǒng)提供web桌面應(yīng)用可以滿足linux用戶對(duì)于應(yīng)用程序多樣化的需求。另外，web桌面應(yīng)用可以提供多樣的界面風(fēng)格，這與linux操作系統(tǒng)的枯燥界面相比能夠給用戶更加友好的體驗(yàn)。

需要說明的是，由于上述的所有實(shí)施方式都是在本發(fā)明的實(shí)施例基礎(chǔ)上的優(yōu)選實(shí)施方式，所以也可以根據(jù)實(shí)際需要進(jìn)行組合使用以實(shí)現(xiàn)最佳的使用效果，而對(duì)于具體的組合的方式，此處不做具體的限定。

實(shí)施例三

在上文中對(duì)于基于web技術(shù)的桌面應(yīng)用構(gòu)建方法的實(shí)施例進(jìn)行了詳細(xì)的描述，本發(fā)明還提供一種與該方法對(duì)應(yīng)基于web技術(shù)的桌面應(yīng)用構(gòu)建裝置。

圖2為本發(fā)明實(shí)施例提供的一種基于web技術(shù)的桌面應(yīng)用構(gòu)建裝置結(jié)構(gòu)圖。本發(fā)明實(shí)施例提供的一種基于web技術(shù)的桌面應(yīng)用構(gòu)建裝置，具體包括：

業(yè)務(wù)邏輯模塊10，用于利用html及css編寫前端代碼，以及利用直譯式腳本語言編寫關(guān)于頁面交互和業(yè)務(wù)邏輯方面的業(yè)務(wù)腳本。

整合模塊11，用于整合chromium內(nèi)核及node.js得到應(yīng)用底層容器12。

應(yīng)用底層容器12，用于對(duì)前端代碼進(jìn)行渲染解析得到渲染界面，以及將業(yè)務(wù)腳本進(jìn)行解析得到解析腳本；開啟桌面服務(wù)器，并在桌面服務(wù)器中合并渲染界面及解析腳本，以與操作系統(tǒng)進(jìn)行交互。

本發(fā)明所提供的一種基于web技術(shù)的桌面應(yīng)用構(gòu)建裝置中，由于chromium內(nèi)核與node.js之間具有很高的兼容性，所以將兩者進(jìn)行整合以得到應(yīng)用底層容器以對(duì)不同種類的事件代碼或腳本進(jìn)行統(tǒng)一處理，處理后的結(jié)果可以在該容器中直接整合并呈現(xiàn)給用戶，所以能夠進(jìn)一步提高web桌面應(yīng)用的執(zhí)行效率。另一方面，由于node.js解決了在開發(fā)web桌面應(yīng)用時(shí)，其與操作系統(tǒng)和通信協(xié)議交互復(fù)雜的問題，因此進(jìn)一步降低了開發(fā)時(shí)的復(fù)雜程度。此外，由于chromium與node.js均支持跨平臺(tái)運(yùn)行，因此所開發(fā)的web桌面應(yīng)用也同樣支持多平臺(tái)的使用。

在上述實(shí)施例的基礎(chǔ)上，作為一種優(yōu)選的實(shí)施方式，業(yè)務(wù)邏輯模塊10中使用的html具體為html5。

html5是html(超文本標(biāo)記語言)的第五次重大修改而得的最新標(biāo)準(zhǔn)規(guī)范，基于之前版本做出的趕緊能夠更加適應(yīng)當(dāng)下的開發(fā)需要。另一方面，html5標(biāo)準(zhǔn)規(guī)范下的前端代碼能夠被當(dāng)下的全部主流瀏覽器所渲染并顯示，由此可見，使用了html5標(biāo)準(zhǔn)規(guī)范的web桌面應(yīng)用的兼容性更好。

此外，在上述實(shí)施例的基礎(chǔ)上，作為一種優(yōu)選的實(shí)施方式，業(yè)務(wù)邏輯模塊10中使用的直譯式腳本語言具體為javascript。

由于javascript比其他的直譯式腳本語言更為主流，在絕大多數(shù)主流瀏覽器的支持下可以在多種操作下運(yùn)行。另外，使用javascript的靈活更性高，可以將javascript代碼直接嵌入在html代碼中，當(dāng)然也可以單獨(dú)的寫成單獨(dú)的javascript文件有利于頁面結(jié)構(gòu)和頁面中具體行為的分離，方便錯(cuò)誤的排查以及后期的維護(hù)。

此外，在上述實(shí)施例的基礎(chǔ)上，作為一種優(yōu)選的實(shí)施方式，應(yīng)用底層容器12與操作系統(tǒng)進(jìn)行交互具體為通過通信協(xié)議進(jìn)行數(shù)據(jù)的傳輸和/或?qū)ξ募到y(tǒng)進(jìn)行存取。

與操作系統(tǒng)的交互在本質(zhì)上來說，涉及到數(shù)據(jù)的傳輸，而數(shù)據(jù)在操作系統(tǒng)中進(jìn)行傳輸或是更進(jìn)一步的在操作系統(tǒng)之間進(jìn)行傳遞都需要相應(yīng)的協(xié)議以保證傳輸數(shù)據(jù)的安全可靠?？梢岳斫獾氖?，一些情況下在數(shù)據(jù)傳輸?shù)耐瑫r(shí)，也需要進(jìn)行對(duì)數(shù)據(jù)的存取。而通過通信協(xié)議進(jìn)行數(shù)據(jù)的傳輸與對(duì)文件系統(tǒng)進(jìn)行存取這兩種行為均代表了與操作系統(tǒng)進(jìn)行了交互，所以不一定要同時(shí)進(jìn)行。

此外，在上述實(shí)施例的基礎(chǔ)上，作為一種優(yōu)選的實(shí)施方式，應(yīng)用底層容器12與操作系統(tǒng)進(jìn)行交互的操作系統(tǒng)具體為linux操作系統(tǒng)。

由于linux操作系統(tǒng)所提供的圖形界面過于單調(diào)，并且可以支持的桌面應(yīng)用少之又少。由此可見，為linux操作系統(tǒng)提供web桌面應(yīng)用可以滿足linux用戶對(duì)于應(yīng)用程序多樣化的需求。另外，web桌面應(yīng)用可以提供多樣的界面風(fēng)格，這與linux操作系統(tǒng)的枯燥界面相比能夠給用戶更加友好的體驗(yàn)。

以上對(duì)本發(fā)明所提供的一種基于web技術(shù)的桌面應(yīng)用構(gòu)建方法及裝置進(jìn)行了詳細(xì)介紹。說明書中各個(gè)實(shí)施例采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似部分互相參見即可。對(duì)于實(shí)施例公開的裝置而言，由于其與實(shí)施例公開的方法相對(duì)應(yīng)，所以描述的比較簡(jiǎn)單，相關(guān)之處參見方法部分說明即可。應(yīng)當(dāng)指出，對(duì)于本技術(shù)領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以對(duì)本發(fā)明進(jìn)行若干改進(jìn)和修飾，這些改進(jìn)和修飾也落入本發(fā)明權(quán)利要求的保護(hù)范圍內(nèi)。

還需要說明的是，在本說明書中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開來，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個(gè)……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。