TWI908183B

TWI908183B - 呈現網頁之方法、裝置及記錄有命令之非暫時性電腦可讀記錄媒體

Info

Publication number: TWI908183B
Application number: TW113125769A
Authority: TW
Inventors: 高寧; 李小璇
Original assignee: 韓商韓領有限公司
Priority date: 2024-06-27
Filing date: 2024-07-10
Publication date: 2025-12-11

Abstract

本發明揭示了一種用以呈現網頁之技術。本發明之一態樣之方法係於裝置中實行者，該裝置包括一個以上之處理器、及儲存有用以藉由上述一個以上之處理器而執行之命令之一個以上的記憶體，上述一個以上之處理器包括如下步驟：響應於瀏覽器加載網頁之請求，將第1請求傳輸至外部裝置，該第1請求係請求上述網頁之資訊且包括與上述網頁對應之URL者；自上述外部裝置獲得與上述網頁對應之模板之識別符及應用於上述模板之資料集；及基於上述識別符及上述資料集，產生用於展露上述網頁之網頁資訊。

Description

呈現網頁之方法、裝置及記錄有命令之非暫時性電腦可讀記錄媒體

本發明係關於一種呈現網頁之方法。

隨著通訊技術之發展與社會環境變化，電子商務服務通過電子商務平台(例如，線上平台)向眾多用戶提供了各種商品與服務。電子商務平台提供了具有可供用戶便利地利用服務之各種介面之網頁，此種網頁可基於網頁資訊而呈現於用戶終端中。

可修正網頁資訊以修正現有之網頁之設計，或提供追加之功能。於存在對網頁資訊進行之修正之情形時，遠程伺服器可根據修正之內容來發佈網頁。

[發明所欲解決之問題] 本發明之至少一個實施例可將應用網頁資訊之修正事項所花費之時間最小化來提高網頁之開發速度。

本發明之至少一個實施例於應用網頁資訊修正事項時，區域伺服器可僅與遠程伺服器收發最少之資料，並於區域伺服器中利用模板引擎來對模板進行編譯。

本發明之技術課題並不限制於以上提及之技術課題，於本發明之技術領域中之普通技術人員可根據以下之記載而明確地理解未提及之其他技術課題。 [解決問題之技術手段]

本發明之一態樣之方法係於裝置中實行者，該裝置包括一個以上之處理器、及儲存有用以藉由上述一個以上之處理器而執行之命令之一個以上的記憶體，上述一個以上之處理器可包括如下步驟：響應於瀏覽器(browser)加載(loading)網頁之請求，將第1請求傳輸至外部裝置，該第1請求係請求上述網頁之資訊且包括與上述網頁對應之URL(Uniform Resource Locator，全球資源定址器)者；自上述外部裝置獲得與上述網頁對應之模板之識別符及應用於上述模板之資料集；及基於上述識別符及上述資料集，產生用於展露上述網頁之網頁資訊。

於一實施例中，上述方法可進而包括如下步驟：上述一個以上之處理器將上述網頁資訊傳輸至上述瀏覽器；且上述瀏覽器基於上述網頁資訊而展露上述網頁。

於一實施例中，上述方法可進而包括如下步驟：將變更與上述網頁對應之第1模板之至少一部分所得之第2模板的資訊傳輸至上述外部裝置；且上述識別符識別上述第2模板，產生上述網頁資訊之步驟包括如下步驟：基於上述識別符而獲得上述第2模板；及基於上述第2模板及上述資料集，產生上述網頁資訊。

於一實施例中，上述識別符可識別與上述網頁對應之第1模板，產生上述網頁資訊之步驟可包括如下步驟：基於上述識別符而獲得上述第1模板；產生變更上述第1模板之至少一部分所得之第2模板；及基於上述第2模板及上述資料集，產生上述網頁資訊。

於一實施例中，上述方法可進而包括如下步驟：上述一個以上之處理器將上述第2模板之資訊傳輸至上述外部裝置。

於一實施例中，上述第1請求可包括如下之資訊：指示用戶是否登入上述網頁或上述用戶是否加入會員資格中之至少一者。

於一實施例中，上述URL可根據用戶是否登入上述網頁或上述用戶是否加入會員資格中之至少一者而具有不同之字串。

於一實施例中，產生上述網頁資訊之步驟可包括如下步驟：利用Handlebar、Vue或React中之至少一個模板引擎來產生上述網頁資訊。

本發明之另一態樣之裝置可包括一個以上之處理器；及一個以上之記憶體，其儲存有用以藉由上述一個以上之處理器而執行之命令；於執行上述命令時，上述一個以上之處理器如下：響應於瀏覽器加載網頁之請求，將第1請求傳輸至外部裝置，該第1請求係請求上述網頁之資訊且包括與上述網頁對應之URL者；自上述外部裝置獲得與上述網頁對應之模板之識別符及應用於上述模板之資料集；及基於上述識別符及上述資料集，產生用於展露上述網頁之網頁資訊。

於一實施例中，上述一個以上之處理器可如下：將上述網頁資訊傳輸至上述瀏覽器；及上述瀏覽器基於上述網頁資訊而展露上述網頁。

於一實施例中，上述一個以上之處理器可如下：將變更與上述網頁對應之第1模板之至少一部分所得之第2模板的資訊傳輸至上述外部裝置；基於識別上述第2模板之上述識別符而獲得上述第2模板；及基於上述第2模板及上述資料集，產生上述網頁資訊。

於一實施例中，上述識別符可識別與上述網頁對應之第1模板，上述一個以上之處理器可如下：基於上述識別符而獲得上述第1模板；產生變更上述第1模板之至少一部分所得之第2模板；及基於上述第2模板及上述資料集，產生上述網頁資訊。

於一實施例中，上述一個以上之處理器可將上述第2模板之資訊傳輸至上述外部裝置。

於一實施例中，上述一個以上之處理器可利用Handlebar、Vue或React中之至少一個模板引擎來產生上述網頁資訊。

本發明之另一態樣之非暫時性電腦可讀記錄媒體記錄有用以藉由一個以上之處理器而執行之命令，上述命令能夠以如下方式構成，即，於執行上述命令時，上述一個以上之處理器執行如下步驟：響應於瀏覽器加載網頁之請求，將第1請求傳輸至外部裝置，該第1請求係請求上述網頁之資訊且包括與上述網頁對應之URL者；自上述外部裝置獲得與上述網頁對應之模板之識別符及應用於上述模板之資料集；及基於上述識別符及上述資料集，產生用於展露上述網頁之網頁資訊。 [發明之效果]

根據本發明之至少一個實施例，可將應用網頁資訊之修正事項所花費之時間最小化來提高網頁之開發速度。

根據本發明之至少一個實施例，於應用網頁資訊修正事項時，區域伺服器可僅與遠程伺服器收發最少之資料，於區域伺服器中利用模板引擎來對模板進行編譯。

本發明之技術思想之效果並不限制於以上提及之效果，普通技術人員可根據說明書之記載而明確地理解未提及之其他效果。

本文中記載之各種實施例係以明確地說明本發明之技術思想為目的而例示者，並不意欲將其限定為特定之實施方式。本發明之技術思想包括本文中記載之各實施例之各種變更(modifications)、均等物(equivalents)、替代物(alternatives)及各實施例之全部或選擇性地組合一部分所得之實施例。又，本發明之技術思想之權利範圍並不限定於以下提出之各種實施例或其具體說明。

關於本文中使用之用語，包括技術性或科學性用語在內，除非另有定義，否則可具有本發明所屬之技術領域中具有常識者普遍理解之含義。

關於本文中使用之如「包括」、「可包括」、「具備」、「可具備」、「具有」、「可具有」等之表述，意味著存在對象特徵(例如，功能、動作或構成要素等)，並不排除其他追加性特徵之存在。即，如上所述之表述應理解為具有包含其他實施例之可能性之開放型用語(open-ended terms)。

關於本文中使用之單數型之表述，除非另有提及，否則可包括複數型之含義，這同樣適用於發明申請專利範圍中記載之單數型之表述。

關於本文中使用之「第1」、「第2」或「第一」、「第二」等表述，除非另有提及，否則係用以於指代複數個同類對象時將一個對象與其他對象區分開來，並非用以限定該等對象間之順序或重要度。

本文中使用之「A、B及C」、「A、B或C」、「A、B及/或C」、或「A、B及C中之至少一者」、「A、B或C中之至少一者」、「A、B及/或C中之至少一者」等表述可指列出之各項目或列出之項目之可實現的所有組合。例如，「A或B中之至少一者」可指(1)至少一個A、(2)至少一個B、(3)至少一個A及至少一個B。

本文中使用之所謂「基於～」之表述用於記述包含該表述之語句或文章中記述之對確定、判斷之行為或動作產生影響的一個以上之因素，該表述並不排除對確定、判斷之行為或動作產生影響之另外之因素。

本文中使用之某個構成要素(例如，第1構成要素)「連接」或「連結」於另一構成要素(例如，第2構成要素)之表述可指上述某個構成要素直接連接或連結於上述另一構成要素，或以新的其他構成要素(例如，第3構成要素)為介質而連接或連結於上述另一構成要素。

根據上下文，本文中使用之「以～方式構成(configured to)」之表述可具有「以～方式設定」、「具有～之能力」、「以～方式變更」、「以～方式製成」、「可進行～」等含義。該表述並不限制於「硬體上特別設計」之含義，例如，所謂以實行特定動作之方式構成之處理器可指藉由執行軟體而可實行該特定動作之通用處理器(generic purpose processor)。

以下，參照附圖，對本發明之各種實施例進行說明。於附圖及附圖說明中，對相同或實質上等同(substantially equivalent)之構成要素賦予相同之參照符號。又，於以下之各種實施例之說明中，可省略對相同或對應之構成要素之重複記述，但這並不意味該構成要素不包括於該實施例中。

圖1係表示可應用本發明之一實施例之裝置之環境。裝置110與瀏覽器120、外部裝置130可藉由網路連接而彼此通訊。裝置110及外部裝置130亦可為伺服器。裝置110可為如執行瀏覽器120之終端之終端，或亦可為其他終端。根據一實施例，裝置110可為利用命令行介面(Command Line Interface，CLI)而與用戶(例如，電子商務服務之開發人員)進行交互作用之裝置。

裝置110可為具有網頁之管理權限之區域伺服器。網頁可為藉由網路而提供之電子商務服務之網頁、及藉由應用程式而提供之應用程式頁面。本發明中將二者統稱為網頁以便於說明。網頁可基於將模板(template)及應用於模板之資料集結合所得之網頁資訊(例如，HTML文本)而呈現(rendering)。網頁之模板係呈現網頁時反覆使用之設計模式，模板可包括用以動態地產生內容之一個以上之變量。根據一實施例，各模板具有對應之識別符(例如，ViewName(視圖名稱))，裝置110、瀏覽器120及外部裝置130可確定與所獲得之識別符對應之模板。資料集(例如，ViewModel(視圖模型))可指模板中包括之一個以上之變量之輸入值之集合。資料集例如可為JSON(JavaScript Object Notation，JavaScript物件表示法)格式之資料。網頁之管理權限例如可包括可查詢網頁資訊之訪問權限及可變更網頁資訊之一部分之權限。

裝置110可包括區域網頁伺服器(local web server)及資料庫伺服器(database server)中之至少一者。例如，裝置110可於區域網頁伺服器中修正網頁資訊之至少一部分，並且可對經修正之網頁資訊實行測試與除錯。根據一實施例，裝置110之網頁管理權限可與網頁資訊之發佈無關。例如，於裝置110中修正之網頁資訊僅可應用於區域伺服器中。以下，修正網頁資訊可意味著修正構成網頁資訊(或，模板或資料集之至少一部分)之程式碼之至少一部分。

執行瀏覽器120之終端可為用戶(例如，電子商務服務之顧客)利用電子商務服務之裝置。執行瀏覽器120之終端可實現為能夠藉由網路而與裝置110或外部裝置130收發各種資訊之終端。例如，執行瀏覽器120之終端可為電腦、膝上型電腦(laptop)、攜帶用通訊終端(智慧型手機等)、攜帶用多媒體裝置、可穿戴裝置或HMD(Head Mounted Display，頭戴式顯示器)中之一者。然而，執行瀏覽器120之終端之種類並不限定於此，執行瀏覽器120之終端可為如下之任意之裝置：包括可由用戶輸入資訊、或向用戶輸出資訊之輸入輸出介面，可藉由網路而與裝置110或外部裝置130實行通訊。

瀏覽器120可向用戶提供自裝置110或外部裝置130接收之資訊，並且可自用戶接收輸入並將其傳輸至裝置110或外部裝置130。具體而言，瀏覽器120可自用戶獲得指示呼叫各種頁面之輸入，並對應於獲得之輸入而產生指示呼叫各種頁面之命令。瀏覽器120可向裝置110或外部裝置130傳輸指示呼叫各種頁面之命令。例如，可將指示呼叫電子商務服務所附帶之如下各種頁面之命令傳輸至裝置110或外部裝置130，即，物品目錄頁面、商品詳細說明頁面、檢索結果頁面、商品銷售頁面、事件頁面、與用戶之訪問請求對應之登錄頁面。自用戶獲得之輸入可包括利用滑鼠進行之點擊、利用觸控板或觸控屏進行之觸控、語音識別、其他電子輸入等各種形態之輸入。瀏覽器120可自裝置110或外部裝置130接收各種頁面，並輸出接收到之各種頁面。

例如，瀏覽器120可向裝置110或外部裝置130傳輸加載網頁之請求，並響應於此而接收與該網頁對應之網頁資訊。瀏覽器120可基於接收到之網頁資訊來呈現網頁。例如，網頁資訊可為HTML文本，瀏覽器120可基於接收到之HTML文本來呈現網頁。

外部裝置130可為提供電子商務服務之伺服器裝置。根據一實施例，外部裝置130可包括網頁伺服器、資料庫伺服器及應用程式伺服器中之至少一者。外部裝置130可管理用以產生如下網頁之模板之識別符(或，模板)及輸入資料，該網頁係提供電子商務服務之線上平台中所提供者。根據一實施例，外部裝置130可將網頁與對應於該網頁之模板之識別符及輸入資料進行映射並儲存。例如，外部裝置130可將第1頁面之URL(Uniform Resource Locator，全球資源定址器)、構成第1頁面之第1模板及第1資料集進行映射並儲存。

外部裝置130可響應於自用戶端(例如，裝置110或瀏覽器120)接收到請求來查詢所需之資料，產生動態或靜態內容並將其回傳給用戶端。例如，外部裝置130可響應於自裝置110接收到網頁加載請求，將產生網頁所需之模板之識別符及資料集回傳至裝置110。即，外部裝置130可為於電子商務服務之操作主體之管理下操作之伺服器裝置。例如，外部裝置130可響應於自裝置110接收到加載第1頁面之請求，將映射於第1頁面之第1模板之識別符及第1資料集傳輸至裝置110。

上述外部裝置130可由一個以上之計算裝置實現。例如，外部裝置130之所有功能可於單個計算裝置中實現。作為另一示例，外部裝置130之第1功能可於第1計算裝置中實現，第2功能可於第2計算裝置中實現。作為又一示例，可使用分別實現外部裝置130之所有功能或特定功能之複數個計算裝置。上述計算裝置可為桌上型電腦(desktop computer)、膝上型電腦(laptop computer)、應用程式伺服器(application server)、代理伺服器(proxy server)或雲端伺服器(cloud server)等，但並不侷限於此，具備計算功能之所有種類之裝置均可為計算裝置。

網路可起到將裝置110、瀏覽器120、或外部裝置130連接之作用。例如，網路可提供連接路徑，以使瀏覽器120或外部裝置130可與裝置110連接而與裝置110收發封包資料。網路例如可實現為如區域網(Local Area Network，LAN)、廣域網(Wide Area Network，WAN)、行動通訊網(Mobile Radio Communication Network)、Wibro(Wireless Broadband Internet，無線寬頻網)等之所有種類之有線或無線網路。

於一實施例中，裝置110與執行瀏覽器120之終端可作為一個裝置來進行動作。執行瀏覽器120之終端可作為裝置110之全部或一部分構成要素而包括於裝置110中。於該情形時，例如，藉由網路而在裝置110與瀏覽器120間收發之各種資訊可為一個裝置內之各構成要素間收發之各種資訊。

本發明之各種實施例之裝置(例如，裝置110)為各種形態之裝置。例如，裝置110可為攜帶用通訊裝置、電腦裝置、攜帶用多媒體裝置、可穿戴裝置、家電裝置或上述裝置中之一者或將一者以上組合而成之裝置。本發明之裝置110並不限定於上述裝置。

圖2係本發明之一實施例之電子裝置之方塊圖。裝置110可對電子商務服務之資訊進行處理。於一實施例中，裝置110可包括一個以上之處理器210、一個以上之記憶體220及通訊介面230作為構成要素。於一實施例中，可省略裝置110之構成要素中之至少一者、或將其他構成要素追加至裝置110。於一實施例中，可附加地或替代地(alternatively)整合一部分構成要素而實現、或實現為單個或複數個個體。於本發明中，可將一個以上之處理器210表述為處理器210。若未於上下文中明確地進行不同之表述，則所謂處理器210之表述可指一個或一個以上之處理器之集合。於本發明中，可將一個以上之記憶體220表述為記憶體220。若未於上下文中明確地進行不同之表述，則所謂記憶體220之表述可指一個或一個以上之記憶體之集合。於一實施例中，裝置110之內部/外部之構成要素中之至少一部分構成要素可藉由匯流排、GPIO(General Purpose Input/Output，通用目的輸入輸出)、SPI(Serial Peripheral Interface，串列周邊介面)或MIPI(Mobile Industry Processor Interface，行動產業處理器介面)等而彼此連接，從而收發資訊(資料、信號等)。

處理器210可驅動軟體(例如，命令、程式等)而對連接於處理器210上之裝置110之至少一個構成要素進行控制。又，處理器210可實行與本發明相關之各種運算、處理、資料之產生或加工等動作。又，處理器210可自記憶體220加載資料等、或將該等資料儲存至記憶體220。進而，處理器210可藉由通訊介面230而與用戶之終端及外部裝置130收發各種資訊。於一實施例中，處理器210可藉由控制通訊介面230而向用戶之終端發送各種頁面之資訊等各種資訊。

記憶體220可儲存各種資訊(資料)。儲存於記憶體220中之資訊作為藉由裝置110之至少一個構成要素而獲得、處理、或使用之資訊，可包括軟體(例如，命令、程式等)。記憶體304可包括揮發性及/或非揮發性記憶體。於本發明中，命令或程式作為儲存於記憶體220之軟體，可包括用以控制裝置110之資源之操作系統、應用程式及/或中間軟體等，該中間軟體係為了使應用程式能夠運用裝置110之資源而將各種功能提供至應用程式者。於一實施例中，記憶體220可儲存如下之命令：於藉由處理器210而執行時，使處理器210實行運算。記憶體220可儲存藉由通訊介面230而自終端接收到之資訊及/或藉由通訊介面230而向終端發送之資訊之至少一部分。處理器210可將藉由通訊介面230而自終端接收到之資訊及/或藉由通訊介面230而向終端發送之資訊之至少一部分儲存至記憶體220。

通訊介面(communication interface)230可與用戶之終端及外部裝置通訊。通訊介面230可實行裝置110與終端間之無線或有線通訊。例如，通訊介面230可藉由如下方式實行無線通訊：eMBB(enhanced Mobile Broadband，增強行動寬頻)、URLLC(Ultra Reliable Low-Latency Communications，超可靠低延遲通訊)、MMTC(Massive Machine Type Communications，大規模機器型通訊)、LTE(Long-Term Evolution，長期演進)、LTE-A(LTE Advance，進階長期演進)、NR(New Radio，新無線)、UMTS(Universal Mobile Telecommunications System，通用行動通訊系統)、GSM(Global System for Mobile communications，全球行動通訊系統)、CDMA(Code Division Multiple Access，碼分多重存取)、WCDMA(Wideband CDMA，寬頻碼分多重存取)、WiBro(Wireless Broadband)、WiFi(Wireless Fidelity，無線保真)、藍牙(Bluetooth)、NFC(Near Field Communication，近場通訊)、GPS(Global Positioning System，全球定位系統)或GNSS(Global Navigation Satellite System，全球導航衛星系統)等。例如，通訊介面230可藉由如下方式實行有線通訊：USB(Universal Serial Bus，通用串列匯流排)、HDMI(High Definition Multimedia Interface，高清晰度多媒體介面)、RS-232(Recommended Standard-232，推薦標準-232)或POTS(Plain Old Telephone Service，簡易老式電話業務)等。於一實施例中，裝置110亦可與其他裝置整合而實現。於該情形時，通訊介面230可作為連接裝置110與相應之其他裝置之連接電路或介面而發揮作用。

以下，圖3至圖7中說明為藉由裝置而實行之動作可理解為藉由圖2中說明之裝置110之處理器210而實行者。

圖3係表示本發明之一實施例之修正網頁之模板之方法的動作流程圖。於動作S310中，裝置110可基於用戶輸入而修正網頁資訊之至少一部分。例如，裝置110可基於用戶輸入而產生修正與第1頁面對應之第1模板之至少一部分所得之第2模板。例如，與第2模板對應之第2頁面可為變更第1頁面內之至少一部分構成要素之位置、大小、顏色、形態，或刪除先前之構成要素或追加新構成要素而得之頁面。

於動作S312中，裝置110可將第2模板傳輸至外部裝置130。根據一實施例，裝置110可於傳輸第2模板時，一併傳輸第1頁面之URL。藉此，裝置110可向外部裝置130告知第2模板係修正與第1頁面對應之第1模板而得者。

於動作S320中，外部裝置130可將第2模板與第1頁面進行映射並儲存。例如，外部裝置130可將第1頁面之URL、第1模板及第1資料集與第1頁面進行映射並儲存，然後對應於自裝置110接收到第2模板，將第1頁面之URL、第2模板及第1資料集進行映射並儲存。

應明確地理解，上述說明中對裝置110僅修正模板之實施例進行了說明，但亦可修正與頁面對應之資料集。

圖4係表示本發明之一實施例之呈現網頁之方法的動作流程圖。於動作S400中，裝置110可產生變更第1模板所得之第2模板並將其傳輸至外部裝置130。外部裝置130可對應於接收到第2模板，將映射於第1頁面之模板自第1模板變更為第2模板。即，外部裝置130可將第1頁面之URL、第2模板及第1資料集進行映射。

於動作S410中，瀏覽器120可向裝置110傳輸頁面加載請求。加載請求可進而包括頁面之URL。URL可根據用戶是否登入網頁或上述用戶是否加入會員資格中之至少一者而具有不同之字串。例如，瀏覽器120可將加載第1頁面之請求傳輸至裝置110，加載第1頁面之請求可包括第1頁面之URL。此時，第1頁面之URL可根據用戶是否已登入應用程式及、用戶是否已加入會員資格而確定。其原因在於：即使為藉由相同之路徑連接之頁面，根據用戶是否登入及是否加入會員資格，其構成亦可能會有所不同。例如，於用戶登入應用程式之情形時，網頁之構成可根據如用戶之線上平台購買歷史、最近查看之商品、購物車及個人資訊之資料而有所不同，並且可根據用戶是否加入會員資格，是否應用折扣及折扣持續時間等而有所不同。

例如，第1頁面之URL可包括用戶未登入應用程式之情形時之第1 URL、用戶登入應用程式但未加入會員資格之情形時之第2 URL、用戶已登入應用程式且已加入會員資格之情形時之第3 URL。

於動作S420中，裝置110可自瀏覽器120之加載請求獲得URL。例如，裝置110可獲得第1頁面之URL。於動作S422中，裝置110可將獲得之URL傳輸至外部裝置130。

於動作S430中，外部裝置130可確定與獲得之URL對應之模板之識別符及資料集並將其傳輸至裝置110。由於外部裝置130將網頁之URL、與該網頁對應之模板及資料集之資訊進行映射並儲存，因此可確定與接收到之URL對應之模板之識別符及資料集。例如，外部裝置130可確定與第1頁面之URL對應之第2模板之識別符及第1資料集並將其傳輸至裝置110。

於動作S440中，裝置110可自外部裝置130接收第2模板之識別符及第1資料集來產生網頁資訊。根據一實施例，裝置110可確定與識別符對應之模板，並將利用模板引擎(例如，Handlebar、Vue、React等)而確定之模板及資料集結合。模板引擎可為將資料集與模板結合並輸出結果文本(即，網頁資訊)之軟體或硬體裝置。例如，裝置110可利用Handlebar來產生結合第2模板與第1資料集之第1網頁資訊。於動作S442中，裝置110可將產生之網頁資訊傳輸至瀏覽器120。藉此，相較於在外部裝置130中產生網頁資訊並將其傳輸至瀏覽器120之方式，減少了傳輸之資料之數量，並且瀏覽器120可更快地獲得呈現所請求之網頁所需之資料。

於動作S450中，瀏覽器120可基於自裝置110接收到之網頁資訊而呈現網頁。例如，瀏覽器120可對應於接收到第1頁面之網頁資訊而呈現第1頁面。

圖5係表示本發明之一實施例之呈現網頁之方法的動作流程圖。以下，省略對與圖4中說明之內容重複之內容進行之說明。

於動作S500中，瀏覽器120可向裝置110傳輸第1頁面加載請求。於動作S510中，裝置110可獲得與第1頁面對應之URL，於動作S512中，可將URL傳輸至外部裝置130。

於動作S520中，外部裝置130可將映射於第1頁面之URL之第1模板之識別符及第1資料集傳輸至裝置110。

裝置110可接收第1模板之識別符及第1資料集，於動作S530中，可基於用戶輸入而產生變更第1模板之至少一部分所得之第2模板。於動作S532中，裝置110可基於所產生之第2模板及第1資料集而產生網頁資訊，於動作S534中，將所產生之網頁資訊傳輸至瀏覽器120。於動作S540中，瀏覽器120可基於接收到之網頁資訊而呈現第1頁面。

根據一實施例，裝置110可將產生之第2模板傳輸至外部裝置130。外部裝置130可對應於自裝置110接收到第2模板，將映射於第1頁面之第1模板變更為第2模板。

於圖3至圖5所示之順序圖中，依序對本發明之方法或演算法之各步驟進行了說明，但除依次實行各步驟以外，亦可按照可藉由本發明而任意組合之順序來實行。本流程圖之說明並不排除對方法或演算法實施改變或修正，且並不意味著任一動作為必需者或較佳者。於一實施例中，可並列、反覆或啟發性地實行至少一部分步驟。於一實施例中，可省略至少一部分步驟、或追加其他步驟。

圖6及圖7係表示本發明之一實施例之根據彼此不同之網頁資訊而於瀏覽器中加載之第1頁面的示例。

裝置110可基於用戶輸入，變更網頁之模板之至少一部分。網頁之模板可定義網頁之構造及佈局。例如，可定義如配置於網頁之各構成要素之位置、大小、顏色、形態之要素。裝置110之用戶可藉由變更網頁之模板，來改善線上平台中提供之網頁之設計及功能。

例如，圖6係表示藉由第1模板構成之第1頁面600。藉由第1模板構成之第1頁面600包括與複數個商品分別對應之項目602，各項目602可包括商品之影像604及文本資料606。此時，第1模板可於左側顯示商品之影像604，於右側顯示文本資料606。圖7係表示藉由第2模板構成之第1頁面610。藉由第2模板構成之第1頁面610可包括與複數個商品分別對應之項目612，各項目612可包括商品之影像614及文本資料616。此時，第2模板可於右側顯示商品之影像614，於左側顯示文本資料616。即，隨著第1頁面之模板自第1模板變更為第2模板，於第1頁面中顯示之構成要素之位置可能發生變更。應明確理解，瀏覽器120中顯示之網頁隨著網頁之模板變更而變更之示例不限制於圖6及圖7中說明之內容。

本發明之各種實施例可於機器(machine)可讀儲存媒體(machine-readable storage medium)中以軟體之形式實現。軟體可為用以實現本發明之各種實施例之軟體。本發明所屬之技術領域內之程式設計師可根據本發明之各種實施例而推測出軟體。例如，軟體可為包括機器可讀命令(例如，代碼或代碼段)之程式。機器係可根據自儲存媒體呼叫之命令來進行動作之裝置，例如可為電腦。於一實施例中，機器可為本發明之實施例之裝置110。於一實施例中，機器之處理器執行所呼叫之命令，從而可使機器之構成要素實行與該命令對應之功能。於一實施例中，處理器可為本發明之實施例之處理器210。儲存媒體可指能夠由機器讀取且儲存資訊之所有種類之記錄媒體(recording medium)。儲存媒體例如可包括ROM、RAM、CD-ROM、磁帶、軟碟、光學資料儲存裝置等。於一實施例中，儲存媒體可為記憶體220。於一實施例中，儲存媒體亦能夠以分散於與網路連接之電腦系統等之形態實現。軟體可分散儲存於電腦系統等來執行。儲存媒體可為非暫時性(non-transitory)儲存媒體。非暫時性儲存媒體係指無關於半永久或是臨時性儲存資料而實際存在之媒體(tangible medium)，不包括暫時(transitory)傳播之信號(signal)。

以上，根據各種實施例對本發明之技術思想進行了說明，但本發明之技術思想包括能夠於本發明所屬之技術領域內具有常識者可理解之範圍內實現之各種置換、變化及變更。又，應理解此種置換、變化及變更可包括於隨附之發明申請專利範圍內。

110:裝置 120:瀏覽器 130:外部裝置 210:處理器 220:記憶體 230:通訊介面 600:第1頁面 602:項目 604:影像 606:文本資料 610:第1頁面 612:項目 614:影像 616:文本資料 S310:動作 S312:動作 S320:動作 S400:動作 S410:動作 S420:動作 S422:動作 S430:動作 S440:動作 S442:動作 S450:動作 S500:動作 S510:動作 S512:動作 S520:動作 S530:動作 S532:動作 S534:動作 S540:動作

圖1係表示可應用本發明之一實施例之裝置之環境。圖2係本發明之一實施例之電子裝置之方塊圖。圖3係表示本發明之一實施例之修正網頁之模板之方法的動作流程圖。圖4係表示本發明之一實施例之呈現網頁之方法的動作流程圖。圖5係表示本發明之一實施例之呈現網頁之方法的動作流程圖。圖6及圖7係表示本發明之一實施例之根據彼此不同之網頁資訊而於瀏覽器中加載之第1頁面的示例。

110:裝置

120:瀏覽器

130:外部裝置

S400:動作

S410:動作

S420:動作

S422:動作

S430:動作

S440:動作

S442:動作

S450:動作

Claims

一種呈現網頁之方法，其係於裝置中實行者，該裝置包括一個以上之處理器、及儲存有用以藉由上述一個以上之處理器而執行之命令之一個以上的記憶體，上述一個以上之處理器包括如下步驟：響應於瀏覽器加載網頁之請求，將第1請求傳輸至外部裝置，該第1請求係請求上述網頁之資訊且包括與上述網頁對應之URL者；自上述外部裝置獲得與上述網頁對應之模板之識別符及應用於上述模板之資料集；及基於上述識別符及上述資料集，產生用於展露上述網頁之網頁資訊。
如請求項1之呈現網頁之方法，其進而包括如下步驟：上述一個以上之處理器將上述網頁資訊傳輸至上述瀏覽器；且上述瀏覽器基於上述網頁資訊而展露上述網頁。
如請求項1之呈現網頁之方法，其進而包括如下步驟：將變更與上述網頁對應之第1模板之至少一部分所得之第2模板的資訊傳輸至上述外部裝置；且上述識別符識別上述第2模板，產生上述網頁資訊之步驟包括如下步驟：基於上述識別符而獲得上述第2模板；及基於上述第2模板及上述資料集，產生上述網頁資訊。
如請求項1之呈現網頁之方法，其中上述識別符識別與上述網頁對應之第1模板，產生上述網頁資訊之步驟包括如下步驟：基於上述識別符而獲得上述第1模板；產生變更上述第1模板之至少一部分所得之第2模板；及基於上述第2模板及上述資料集，產生上述網頁資訊。
如請求項4之呈現網頁之方法，其進而包括如下步驟：上述一個以上之處理器將上述第2模板之資訊傳輸至上述外部裝置。
如請求項1之呈現網頁之方法，其中上述第1請求包括如下之資訊：指示用戶是否登入上述網頁或上述用戶是否加入會員資格中之至少一者。
如請求項6之呈現網頁之方法，其中上述URL根據用戶是否登入上述網頁或上述用戶是否加入會員資格中之至少一者而具有不同之字串。
如請求項1之呈現網頁之方法，其中產生上述網頁資訊之步驟包括如下步驟：利用Handlebar、Vue或React中之至少一個模板引擎來產生上述網頁資訊。
一種呈現網頁之裝置，其包括：一個以上之處理器；及一個以上之記憶體，其儲存有用以藉由上述一個以上之處理器而執行之命令；於執行上述命令時，上述一個以上之處理器如下：響應於瀏覽器加載網頁之請求，將第1請求傳輸至外部裝置，該第1請求係請求上述網頁之資訊且包括與上述網頁對應之URL者；自上述外部裝置獲得與上述網頁對應之模板之識別符及應用於上述模板之資料集；及基於上述識別符及上述資料集，產生用於展露上述網頁之網頁資訊。
如請求項9之呈現網頁之裝置，其中上述一個以上之處理器如下：將上述網頁資訊傳輸至上述瀏覽器；及上述瀏覽器基於上述網頁資訊而展露上述網頁。
如請求項9之呈現網頁之裝置，其中上述一個以上之處理器如下：將變更與上述網頁對應之第1模板之至少一部分所得之第2模板的資訊傳輸至上述外部裝置；基於識別上述第2模板之上述識別符而獲得上述第2模板；及基於上述第2模板及上述資料集，產生上述網頁資訊。
如請求項9之呈現網頁之裝置，其中上述識別符識別與上述網頁對應之第1模板，上述一個以上之處理器如下：基於上述識別符而獲得上述第1模板；產生變更上述第1模板之至少一部分所得之第2模板；及基於上述第2模板及上述資料集，產生上述網頁資訊。
如請求項12之呈現網頁之裝置，其中上述一個以上之處理器將上述第2模板之資訊傳輸至上述外部裝置。
如請求項9之呈現網頁之裝置，其中上述第1請求包括如下之資訊：指示用戶是否登入上述網頁或上述用戶是否加入會員資格中之至少一者。
如請求項14之呈現網頁之裝置，其中上述URL根據用戶是否登入上述網頁或上述用戶是否加入會員資格中之至少一者而具有不同之字串。
如請求項9之呈現網頁之裝置，其中上述一個以上之處理器利用Handlebar、Vue或React中之至少一個模板引擎來產生上述網頁資訊。
一種非暫時性電腦可讀記錄媒體，其記錄有用以藉由一個以上之處理器而執行之命令，上述命令以如下方式構成，即，於執行上述命令時，上述一個以上之處理器執行如下步驟：響應於瀏覽器加載網頁之請求，將第1請求傳輸至外部裝置，該第1請求係請求上述網頁之資訊且包括與上述網頁對應之URL者；自上述外部裝置獲得與上述網頁對應之模板之識別符及應用於上述模板之資料集；及基於上述識別符及上述資料集，產生用於展露上述網頁之網頁資訊。