一種提供移動應(yīng)用中的渲染頁面的方法與設(shè)備的制作方法
【專利摘要】本發(fā)明的目的是提供一種提供移動應(yīng)用中的渲染頁面的方法與設(shè)備。具體地，網(wǎng)絡(luò)設(shè)備端根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息；基于所述模板信息生成與所述訪問請求相對應(yīng)的渲染頁面；將所述渲染頁面提供至所述移動應(yīng)用所對應(yīng)的用戶設(shè)備。與現(xiàn)有技術(shù)相比，本發(fā)明中網(wǎng)絡(luò)設(shè)備通過根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息，以基于所述模板信息生成與所述訪問請求相對應(yīng)的渲染頁面，并將所述渲染頁面提供至所述移動應(yīng)用所對應(yīng)的用戶設(shè)備，從而使得原本在客戶端的模板與數(shù)據(jù)渲染提前在服務(wù)器端完成，不僅降低了白屏等待時間、提升用戶的移動應(yīng)用訪問體驗(yàn)，也提高了用戶獲取信息的效率。
【專利說明】一種提供移動應(yīng)用中的渲染頁面的方法與設(shè)備
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機(jī)領(lǐng)域，尤其涉及一種用于提供移動應(yīng)用中的渲染頁面的技術(shù)?！颈尘凹夹g(shù)】
[0002]在移動互聯(lián)網(wǎng)時代，人們越來越多地通過移動應(yīng)用如Web App, Hybrid App (混合模式移動應(yīng)用)等獲取信息。然而，現(xiàn)有的Web App開發(fā)時通常采用模板引擎和頁面數(shù)據(jù)相分離的方式，客戶端從服務(wù)器端下載模板引擎和頁面數(shù)據(jù)，以進(jìn)行頁面渲染，從而使得在頁面渲染完成前有較長白屏?xí)r間，尤其是移動應(yīng)用的首屏加載，而斷網(wǎng)時需要存儲所有所需的模板引擎和數(shù)據(jù)到本地才能實(shí)現(xiàn)頁面渲染，不僅影響了用戶的移動應(yīng)用訪問體驗(yàn)，相應(yīng)地，也降低了用戶獲取信息的效率。

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

[0003]本發(fā)明的目的是提供一種用于提供移動應(yīng)用中的渲染頁面的方法與設(shè)備。
[0004]根據(jù)本發(fā)明的一個方面，提供了一種在網(wǎng)絡(luò)設(shè)備端用于提供移動應(yīng)用中的渲染頁面的方法，其中，該方法包括:
[0005]根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息；
[0006]基于所述模板信息生成與所述訪問請求相對應(yīng)的渲染頁面；
[0007]將所述渲染頁面提供至所述移動應(yīng)用所對應(yīng)的用戶設(shè)備。
[0008]根據(jù)本發(fā)明的另一方面，還提供了一種在用戶設(shè)備端用于提供移動應(yīng)用中的渲染頁面的方法，其中，該方法包括:
[0009]通過基于框架的移動應(yīng)用發(fā)起訪問請求；
[0010]在所述移動應(yīng)用中初始化所述框架；
[0011]根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面；
[0012]提供所述渲染頁面。
[0013]根據(jù)本發(fā)明的一個方面，提供了一種用于提供移動應(yīng)用中的渲染頁面的網(wǎng)絡(luò)設(shè)備，其中，該網(wǎng)絡(luò)設(shè)備包括:
[0014]用于根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息的裝置；
[0015]用于基于所述模板信息生成與所述訪問請求相對應(yīng)的渲染頁面的裝置；
[0016]用于將所述渲染頁面提供至所述移動應(yīng)用所對應(yīng)的用戶設(shè)備的裝置。
[0017]根據(jù)本發(fā)明的另一個方面，提供了一種用于提供移動應(yīng)用中的渲染頁面的用戶設(shè)備，其中，該用戶設(shè)備包括:
[0018]用于通過基于框架的移動應(yīng)用發(fā)起訪問請求的裝置；
[0019]用于在所述移動應(yīng)用中初始化所述框架的裝置；
[0020]用于根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面的裝置；[0021 ] 用于提供所述渲染頁面的裝置。[0022]根據(jù)本發(fā)明的再一個方面，還提供了一種用于提供移動應(yīng)用中的渲染頁面的系統(tǒng)，其中，該系統(tǒng)包括如前述根據(jù)本發(fā)明一個方面的用于提供移動應(yīng)用中的渲染頁面的網(wǎng)絡(luò)設(shè)備，以及如前述根據(jù)本發(fā)明另一個方面的用于提供移動應(yīng)用中的渲染頁面的用戶設(shè)備。
[0023]與現(xiàn)有技術(shù)相比，本發(fā)明中網(wǎng)絡(luò)設(shè)備通過根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息，以基于所述模板信息生成與所述訪問請求相對應(yīng)的渲染頁面，并將所述渲染頁面提供至所述移動應(yīng)用所對應(yīng)的用戶設(shè)備，從而使得原本在客戶端的模板與數(shù)據(jù)渲染提前在服務(wù)器端完成，不僅降低了白屏等待時間(尤其是降低了首屏的等待時間)、提升用戶的移動應(yīng)用訪問體驗(yàn)，也提高了用戶獲取信息的效率。而且，本發(fā)明中用戶設(shè)備端還可基于所述訪問請求所對應(yīng)的歷史渲染頁面，獲取所述渲染頁面，從而實(shí)現(xiàn)自動離線緩存渲染后的頁面，使得當(dāng)客戶端離線時，無需額外對各個所需數(shù)據(jù)進(jìn)行本地化存儲，相應(yīng)地，進(jìn)一步降低了白屏等待時間，提升用戶的移動應(yīng)用訪問體驗(yàn)，也提高了用戶獲取信息的效率。
【專利附圖】

【附圖說明】
[0024]通過閱讀參照以下附圖所作的對非限制性實(shí)施例所作的詳細(xì)描述，本發(fā)明的其它特征、目的和優(yōu)點(diǎn)將會變得更明顯:
[0025]圖1示出根據(jù)本發(fā)明一個方面的一種用于提供移動應(yīng)用中的渲染頁面的用戶設(shè)備的設(shè)備示意圖；
[0026]圖2示出根據(jù)本發(fā)明一個優(yōu)選實(shí)施例的一種用于提供移動應(yīng)用中的渲染頁面的用戶設(shè)備和網(wǎng)絡(luò)設(shè)備的設(shè)備示意圖；
[0027]圖3示出根據(jù)本發(fā)明另一個方面的一種用于提供移動應(yīng)用中的渲染頁面的方法流程圖；
[0028]圖4示出根據(jù)本發(fā)明一個優(yōu)選實(shí)施例的一種用戶設(shè)備和網(wǎng)絡(luò)設(shè)備配合實(shí)現(xiàn)用于提供移動應(yīng)用中的渲染頁面的方法流程圖。
[0029]附圖中相同或相似的附圖標(biāo)記代表相同或相似的部件。
【具體實(shí)施方式】
[0030]下面結(jié)合附圖對本發(fā)明作進(jìn)一步詳細(xì)描述。
[0031]圖1示出根據(jù)本發(fā)明一個方面的一種用于提供移動應(yīng)用中的渲染頁面的用戶設(shè)備1，其中，用戶設(shè)備I包括用于通過基于框架的移動應(yīng)用發(fā)起訪問請求的裝置(以下簡稱“訪問裝置11”)、用于在所述移動應(yīng)用中初始化所述框架的裝置(以下簡稱“框架初始化裝置12”)、用于根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面的裝置(以下簡稱“頁面獲得裝置13”)、用于提供所述渲染頁面的裝置(以下簡稱“頁面提供裝置14”)。具體地，訪問裝置11通過基于框架的移動應(yīng)用發(fā)起訪問請求；框架初始化裝置12在所述移動應(yīng)用中初始化所述框架；頁面獲得裝置13根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面；頁面提供裝置14提供所述渲染頁面。
[0032]在此，所述用戶設(shè)備I可以是任何一種可與用戶通過鍵盤、鼠標(biāo)、觸摸板、觸摸屏、或手寫設(shè)備等方式進(jìn)行人機(jī)交互的電子產(chǎn)品，例如計算機(jī)、手機(jī)、PDA、掌上電腦PPC或平板電腦等。在此，所述用戶設(shè)備I包括一種能夠按照事先設(shè)定或存儲的指令，自動進(jìn)行數(shù)值計算和信息處理的電子設(shè)備，其硬件包括但不限于微處理器、專用集成電路(ASIC)、可編程門陣列(FPGA)、數(shù)字處理器(DSP)、嵌入式設(shè)備等。
[0033]本領(lǐng)域技術(shù)人員應(yīng)能理解上述用戶設(shè)備僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的用戶設(shè)備如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。
[0034]具體地，訪問裝置11通過基于框架的移動應(yīng)用自身所提供的應(yīng)用程序接口(API )，或者通過瀏覽器等第三方設(shè)備所提供的應(yīng)用程序接口(API )，或者，通過NODEJS這種前后端通用的動態(tài)網(wǎng)頁技術(shù)，獲取用戶通過其用戶設(shè)備中打開/安裝的基于框架的移動應(yīng)用發(fā)起的訪問請求。
[0035]在此，所述基于框架的移動應(yīng)用包括用于基于開發(fā)框架如clouda實(shí)現(xiàn)的移動應(yīng)用的客戶端程序，如clouda WebApp客戶端等，其不僅可以是專門為用戶設(shè)備特別設(shè)計的移動應(yīng)用客戶端，還可以根據(jù)其對應(yīng)的服務(wù)器端數(shù)據(jù)的變化自動實(shí)時更新，并與其對應(yīng)的服務(wù)器端同時運(yùn)行在瀏覽器、iOS、Android以及搜索框如百度框中。在此，所述基于框架的移動應(yīng)用可由一系列按照特定順序組織的計算機(jī)數(shù)據(jù)和指令的集合實(shí)現(xiàn)。在此，所述框架包括但不限于如WebApp開發(fā)框架clouda、backbones、ember js、angular js等。在此，所述移動應(yīng)用基于所述框架開發(fā)實(shí)現(xiàn)，其包括但不限于如web應(yīng)用(WebApp)、混合模式移動應(yīng)用(HybridApp)。在此，通過基于框架的移動應(yīng)用發(fā)起的訪問請求是指在所述移動應(yīng)用內(nèi)執(zhí)行的訪問操作，其包括但不限于如點(diǎn)擊所述移動應(yīng)用內(nèi)的頁面鏈接、在所述移動應(yīng)用內(nèi)進(jìn)行搜索/查詢操作等。本領(lǐng)域技術(shù)人員應(yīng)能理解上述框架和移動應(yīng)用僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的框架或移動應(yīng)用如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。
[0036]例如，假設(shè)用戶A的用戶設(shè)備mobile phone中打開了基于框架clouda的移動應(yīng)用如trave1-WebApp，其點(diǎn)擊了該移動應(yīng)用中的頁面鏈接如上海公園，則該移動應(yīng)用travel-WebApp的訪問裝置11通過移動應(yīng)用travel-WebApp自身提供的應(yīng)用程序接口(API),便可獲取到用戶A通過該移動應(yīng)用travel-WebApp發(fā)起的對頁面鏈接上海公園所指向的頁面的訪問請求。
[0037]本領(lǐng)域技術(shù)人員應(yīng)能理解上述通過基于框架的移動應(yīng)用發(fā)起訪問請求的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的通過基于框架的移動應(yīng)用發(fā)起訪問請求的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。
[0038]框架初始化裝置12在所述移動應(yīng)用中初始化所述框架。具體地，框架初始化裝置12首先下載所述框架所對應(yīng)的框架代碼文件；然后，框架初始化裝置12對所述訪問請求所對應(yīng)的URL進(jìn)行解析，得到該URL所對應(yīng)的路徑部分；接著，根據(jù)該URL所對應(yīng)的路徑部分，通過router找到所述框架所對應(yīng)的模板信息和/或與所述訪問請求所對應(yīng)的目標(biāo)數(shù)據(jù)獲取方法；進(jìn)而，根據(jù)所述目標(biāo)數(shù)據(jù)獲取方法，獲得所述目標(biāo)數(shù)據(jù)，以完成對所述框架的初始化。在此，所述模板信息是指將用戶界面(view)和業(yè)務(wù)數(shù)據(jù)(data)或內(nèi)容相分離以快速構(gòu)建web模板的一系列可重用組件，即模板引擎，如handlebars、elf、nTenjin、doU、doT、jst_speed、artTemplate等,其可是文本格式文件存儲于所述目標(biāo)應(yīng)用所對應(yīng)的服務(wù)器中。本領(lǐng)域技術(shù)人員應(yīng)能理解上述模板信息僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的模板信息如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。例如，接上例，則框架初始化裝置12首先下載所述框架clouda所對應(yīng)的框架代碼文件，如從移動應(yīng)用travel-WebApp的服務(wù)器下載；然后，框架初始化裝置12根據(jù)訪問裝置11獲取到的用戶A通過該移動應(yīng)用travel-WebApp發(fā)起的對頁面鏈接上海公園所指向的頁面的訪問請求,對該訪間請求所對應(yīng)的頁面鏈接上海公園所對應(yīng)的URL如http://localhost:8080/index,html/shanghaiparking/index/123/007?p=2進(jìn)行解析，得到該URL所對應(yīng)的路徑部分即“shanghaiparking/index” ;接著，根據(jù)該URL所對應(yīng)的路徑部分,通過router找到所述框架所對應(yīng)的模板信息和/或與所述訪問請求所對應(yīng)的目標(biāo)數(shù)據(jù)獲取方法，如根據(jù)該URL，可查找router得到定義的controller,如以下所示:
[0039]
【權(quán)利要求】
1.一種在網(wǎng)絡(luò)設(shè)備端用于提供移動應(yīng)用中的渲染頁面的方法，其中，該方法包括: 根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息； 基于所述模板信息生成與所述訪問請求相對應(yīng)的渲染頁面； 將所述渲染頁面提供至所述移動應(yīng)用所對應(yīng)的用戶設(shè)備。
2.根據(jù)權(quán)利要求1所述的方法，其中，基于所述模板信息生成與所述訪問請求相對應(yīng)的渲染頁面包括: 獲取與所述訪問請求相對應(yīng)的目標(biāo)數(shù)據(jù)； 基于所述模板信息及所述目標(biāo)數(shù)據(jù)生成與所述訪問請求相對應(yīng)的渲染頁面。
3.根據(jù)權(quán)利要求2所述的方法，其中，根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息包括: 根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息與數(shù)據(jù)獲取模式信息； 其中，獲取與所述訪問請求相對應(yīng)的目標(biāo)數(shù)據(jù)包括: 根據(jù)所述訪問請求，結(jié)合所述數(shù)據(jù)獲取模式信息，獲取與所述訪問請求相對應(yīng)的目標(biāo)數(shù)據(jù)。
4.根據(jù)權(quán)利要求2或3所述的方法，其中，基于所述模板信息及所述目標(biāo)數(shù)據(jù)生成與所述訪問請求相對應(yīng)的渲染頁面包括: 基于所述模板信息生成與所述模板信息相對應(yīng)的模板字符串；通過將所述目標(biāo)數(shù)據(jù)填入所述模板字符串來生成與所述訪問請求相對應(yīng)的渲染頁面。
5.根據(jù)權(quán)利要求2至4中任一項所述的方法，其中，基于所述模板信息及所述目標(biāo)數(shù)據(jù)生成與所述訪問請求相對應(yīng)的渲染頁面包括: 基于所述模板信息所對應(yīng)的歷史渲染頁面，以及所述目標(biāo)數(shù)據(jù)，生成與所述訪問請求相對應(yīng)的渲染頁面。
6.根據(jù)權(quán)利要求1至5中任一項所述的方法，其中，根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息包括: 根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架； 根據(jù)所述框架確定所述框架所對應(yīng)的模板信息。
7.—種在用戶設(shè)備端用于提供移動應(yīng)用中的渲染頁面的方法，其中，該方法包括: 通過基于框架的移動應(yīng)用發(fā)起訪問請求； 在所述移動應(yīng)用中初始化所述框架； 根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面； 提供所述渲染頁面。
8.根據(jù)權(quán)利要求7所述的方法，其中，通過基于框架的移動應(yīng)用發(fā)起訪問請求包括: 通過基于框架的移動應(yīng)用發(fā)起訪問請求并將所述訪問請求發(fā)送至對應(yīng)的網(wǎng)絡(luò)設(shè)備； 其中，根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面包括: 接收所述網(wǎng)絡(luò)設(shè)備所提供的所述渲染頁面。
9.根據(jù)權(quán)利要求7所述的方法，其中，根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面包括: 基于所述訪問請求所對應(yīng)的歷史渲染頁面，獲取所述渲染頁面。
10.一種用于提供移動應(yīng)用中的渲染頁面的網(wǎng)絡(luò)設(shè)備，其中，該網(wǎng)絡(luò)設(shè)備包括: 用于根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息的裝置； 用于基于所述模板信息生成與所述訪問請求相對應(yīng)的渲染頁面的裝置； 用于將所述渲染頁面提供至所述移動應(yīng)用所對應(yīng)的用戶設(shè)備的裝置。
11.根據(jù)權(quán)利要求10所述的網(wǎng)絡(luò)設(shè)備，其中，基于所述模板信息生成與所述訪問請求相對應(yīng)的渲染頁面的裝置包括: 用于獲取與所述訪問請求相對應(yīng)的目標(biāo)數(shù)據(jù)的單元； 用于基于所述模板信息及所述目標(biāo)數(shù)據(jù)生成與所述訪問請求相對應(yīng)的渲染頁面的單J Li ο
12.根據(jù)權(quán)利要求11所述的網(wǎng)絡(luò)設(shè)備，其中，根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息的裝置用于: 根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息與數(shù)據(jù)獲取模式信息； 其中，獲取與所述訪問請求相對應(yīng)的目標(biāo)數(shù)據(jù)的單元用于: 根據(jù)所述訪問請求，結(jié)合所述數(shù)據(jù)獲取模式信息，獲取與所述訪問請求相對應(yīng)的目標(biāo)數(shù)據(jù)。
13.根據(jù)權(quán)利要求11或12所述的網(wǎng)絡(luò)設(shè)備，其中，基于所述模板信息及所述目標(biāo)數(shù)據(jù)生成與所述訪問請求相對應(yīng)的渲染頁面的單元用于: 基于所述模板信息生成與所述模板信息相對應(yīng)的模板字符串； 通過將所述目標(biāo)數(shù)據(jù)填入所述模板字符串來生成與所述訪問請求相對應(yīng)的渲染頁面。
14.根據(jù)權(quán)利要求11至13中任一項所述的網(wǎng)絡(luò)設(shè)備，其中，基于所述模板信息及所述目標(biāo)數(shù)據(jù)生成與所述訪問請求相對應(yīng)的渲染頁面的單元用于: 基于所述模板信息所對應(yīng)的歷史渲染頁面，以及所述目標(biāo)數(shù)據(jù)，生成與所述訪問請求相對應(yīng)的渲染頁面。
15.根據(jù)權(quán)利要求10至14中任一項所述的網(wǎng)絡(luò)設(shè)備，其中，根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架所對應(yīng)的模板信息的裝置用于: 根據(jù)基于框架的移動應(yīng)用所發(fā)起的訪問請求確定所述框架； 根據(jù)所述框架確定所述框架所對應(yīng)的模板信息。
16.一種用于提供移動應(yīng)用中的渲染頁面的用戶設(shè)備，其中，該用戶設(shè)備包括: 用于通過基于框架的移動應(yīng)用發(fā)起訪問請求的裝置； 用于在所述移動應(yīng)用中初始化所述框架的裝置； 用于根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面的裝置； 用于提供所述渲染頁面的裝置。
17.根據(jù)權(quán)利要求16所述的用戶設(shè)備，其中，通過基于框架的移動應(yīng)用發(fā)起訪問請求的裝置用于: 通過基于框架的移動應(yīng)用發(fā)起訪問請求并將所述訪問請求發(fā)送至對應(yīng)的網(wǎng)絡(luò)設(shè)備； 其中，根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面的裝置用于: 接收所述網(wǎng)絡(luò)設(shè)備所提供的所述渲染頁面。
18.根據(jù)權(quán)利要求16所述的用戶設(shè)備，其中，根據(jù)初始化后的所述框架獲得與所述訪問請求相對應(yīng)的渲染頁面的裝置用于: 基于所述訪問請求所對應(yīng)的歷史渲染頁面，獲取所述渲染頁面。
19.一種用于提供移動應(yīng)用中的渲染頁面的系統(tǒng)，其中，該系統(tǒng)包括根據(jù)權(quán)利要求10至15中任一項所述的用于提供移動應(yīng)用中的渲染頁面的網(wǎng)絡(luò)設(shè)備，以及根據(jù)權(quán)利要求16至18中任一項所述的用于提供移動應(yīng)用中的渲染頁面的用戶設(shè)備。
【文檔編號】G06F9/44GK103970534SQ201410151853
【公開日】2014年8月6日 申請日期:2014年4月15日 優(yōu)先權(quán)日:2014年4月15日
【發(fā)明者】孫東, 童遙, 柳俊中, 王繼平 申請人:百度在線網(wǎng)絡(luò)技術(shù)（北京）有限公司