TWI908183B - Method, apparatus, and non-transitory computer-readable recording medium storing instruction for rendering web page - Google Patents

Abstract

This invention discloses a technique for presenting web pages. One aspect of the method of this invention is implemented in a device including one or more processors and one or more memories storing commands to be executed by the one or more processors. The one or more processors include the following steps: in response to a request from a browser to load a web page, transmitting a first request to an external device, the first request being a request for information about the web page and including a URL corresponding to the web page; obtaining from the external device an identifier of a template corresponding to the web page and a dataset applied to the template; and generating web page information for displaying the web page based on the identifier and the dataset.

Description

Methods, devices for presenting web pages, and non-transitory computer-readable recording media for recording commands.

This invention relates to a method for presenting web pages.

With the development of communication technology and changes in the social environment, e-commerce services provide a variety of goods and services to numerous users through e-commerce platforms (such as online platforms). E-commerce platforms provide web pages with various interfaces that allow users to conveniently utilize services; these web pages can be presented on user terminals based on web page information.

It can modify webpage information to change the design of existing webpages or provide additional functionality. When modifications are made to webpage information, the remote server can publish the webpage based on the modified content.

[Problem to be solved by the invention] At least one embodiment of the invention can improve the speed of web page development by minimizing the time spent on correcting web page information.

In at least one embodiment of the present invention, when applying web page information corrections, the local server may send and receive only minimal data with the remote server, and the template may be compiled using a template engine on the local server.

The technical problems of this invention are not limited to those mentioned above. Those skilled in the art can clearly understand other technical problems not mentioned based on the following description. [Technical Means for Solving the Problem]

One aspect of the present invention is implemented in an apparatus comprising one or more processors and one or more memories storing commands to be executed by the one or more processors. The one or more processors may include the following steps: in response to a browser loading a webpage, transmitting a first request to an external device, the first request being a request for information about the webpage and including a URL (Uniform Resource Locator) corresponding to the webpage; obtaining from the external device an identifier of a template corresponding to the webpage and a dataset applied to the template; and generating webpage information for displaying the webpage based on the identifier and the dataset.

In one embodiment, the above method may further include the following steps: the one or more processors transmit the web page information to the browser; and the browser displays the web page based on the web page information.

In one embodiment, the above method may further include the following steps: transmitting information of a second template obtained by modifying at least a portion of the first template corresponding to the above webpage to the above external device; and the step of generating the webpage information by the identifier identifying the second template includes the following steps: obtaining the second template based on the identifier; and generating the webpage information based on the second template and the above dataset.

In one embodiment, the aforementioned identifier can identify a first template corresponding to the aforementioned webpage, and the steps for generating the aforementioned webpage information may include the following steps: obtaining the aforementioned first template based on the aforementioned identifier; generating a second template by modifying at least a portion of the aforementioned first template; and generating the aforementioned webpage information based on the aforementioned second template and the aforementioned dataset.

In one embodiment, the above method may further include the following steps: the one or more processors transmit the information of the second template to the external device.

In one embodiment, the first request above may include information indicating whether a user has logged into the above webpage or whether the user has joined at least one of the membership qualifications.

In one embodiment, the URL may have different strings depending on whether the user is logged into the webpage or whether the user has joined a membership.

In one embodiment, the steps to generate the above web page information may include the following steps: using at least one template engine among Handlebar, Vue, or React to generate the above web page information.

Another embodiment of the device of the present invention may include one or more processors; and one or more memory stores commands to be executed by the one or more processors; when executing the commands, the one or more processors perform the following: in response to a request to load a webpage in a browser, transmit a first request to an external device, the first request being a request for information of the webpage and including a URL corresponding to the webpage; obtain from the external device an identifier of a template corresponding to the webpage and a data set applied to the template; and generate webpage information for displaying the webpage based on the identifier and the data set.

In one embodiment, the one or more processors may: transmit the web page information to the browser; and the browser displays the web page based on the web page information.

In one embodiment, the above-mentioned one or more processors may: transmit information of a second template obtained by modifying at least a portion of the first template corresponding to the above-mentioned webpage to the above-mentioned external device; obtain the above-mentioned second template based on the identification of the above-mentioned second template; and generate the above-mentioned webpage information based on the above-mentioned second template and the above-mentioned data set.

In one embodiment, the identifier can identify a first template corresponding to the webpage, and the one or more processors can: obtain the first template based on the identifier; generate a second template by modifying at least a portion of the first template; and generate the webpage information based on the second template and the dataset.

In one embodiment, one or more processors may transmit the information of the second template to the external device.

In one embodiment, the first request above may include information indicating whether a user has logged into the above webpage or whether the user has joined at least one of the membership qualifications.

In one embodiment, the URL may have different strings depending on whether the user is logged into the webpage or whether the user has joined a membership.

In one embodiment, the aforementioned one or more processors may utilize at least one template engine from Handlebar, Vue, or React to generate the aforementioned web page information.

Another aspect of the invention is a non-transitory computer-readable recording medium that records commands executable by one or more processors. These commands are configured such that, upon execution of the commands, the one or more processors perform the following steps: responding to a browser request to load a webpage, transmitting a first request to an external device, the first request being a request for information about the webpage and including a URL corresponding to the webpage; obtaining from the external device an identifier for a template corresponding to the webpage and a dataset applied to the template; and generating webpage information for displaying the webpage based on the identifier and the dataset. [Effects of the Invention]

According to at least one embodiment of the present invention, the time spent on correcting application web page information can be minimized to improve web page development speed.

According to at least one embodiment of the present invention, when applying web page information corrections, the local server may send and receive only minimal data with the remote server, and the template may be compiled on the local server using a template engine.

The effects of the technical concept of this invention are not limited to those mentioned above. Those skilled in the art can clearly understand other effects not mentioned based on the description in the manual.

The various embodiments described herein are illustrated for the purpose of clearly illustrating the technical concept of the present invention and are not intended to limit them to specific embodiments. The technical concept of the present invention includes various modifications, equivalents, alternatives, and embodiments obtained by combining all or a portion of the embodiments described herein. Furthermore, the scope of the technical concept of the present invention is not limited to the various embodiments or their specific descriptions presented below.

The terms used herein, including technical or scientific terms, shall, unless otherwise defined, have the meanings commonly understood by a person of common knowledge in the technical field to which this invention pertains.

The expressions used herein, such as "including," "may include," "possibly possess," "has," "may have," and "may have," imply the presence of object features (e.g., functions, actions, or constituent elements) and do not exclude the existence of other additional features. That is, the expressions described above should be understood as open-ended terms that have the possibility of including other embodiments.

Unless otherwise stated, the singular form used herein may include the meaning of the plural form, and this also applies to the singular form recorded in the scope of the invention application.

The terms “first,” “second,” “first,” “second,” etc., used in this document are, unless otherwise specified, used to distinguish one object from others when referring to multiple objects of the same kind, and are not used to define the order or importance of such objects.

The expressions “A, B and C”, “A, B or C”, “A, B and/or C”, “at least one of A, B and C”, “at least one of A, B or C”, “at least one of A, B and/or C”, etc., used in this document may refer to each of the listed items or all possible combinations of the listed items. For example, “at least one of A or B” may refer to (1) at least one A, (2) at least one B, (3) at least one A and at least one B.

The term "based on" as used in this article is used to describe one or more factors described in the sentence or article that affect the determination or judgment of an action or behavior. This term does not exclude other factors that affect the determination or judgment of an action or behavior.

The expression used herein to describe a constituent element (e.g., the first constituent element) as "connected" or "linked" to another constituent element (e.g., the second constituent element) may mean that the first constituent element is directly connected to or linked to the other constituent element, or is connected to or linked to the other constituent element through a new other constituent element (e.g., the third constituent element).

Depending on the context, the phrase "configured to" as used in this document can mean "configured in a specific way," "possessing specific capabilities," "modified in a specific way," "made in a specific way," or "capable of performing specific actions." This phrase is not limited to the meaning of "specially designed in hardware." For example, a processor configured to perform a specific action can refer to a generic processor that can perform that specific action by executing software.

The various embodiments of the present invention will now be described with reference to the accompanying drawings. In the drawings and their descriptions, identical or substantially equivalent constituent elements are assigned the same reference numerals. Furthermore, in the following descriptions of the various embodiments, repeated descriptions of identical or corresponding constituent elements may be omitted, but this does not mean that the constituent element is not included in that embodiment.

Figure 1 illustrates the environment of an apparatus to which one embodiment of the present invention can be applied. The apparatus 110, browser 120, and external device 130 can communicate with each other via a network connection. The apparatus 110 and external device 130 can also be servers. The apparatus 110 can be a terminal such as the terminal executing browser 120, or it can be other terminals. According to one embodiment, the apparatus 110 can be a device that interacts with users (e.g., e-commerce service developers) using a command-line interface (CLI).

Device 110 may be a regional server with webpage management privileges. A webpage may be a webpage providing e-commerce services via the internet, or an application page provided by an application. In this invention, both are collectively referred to as a webpage for ease of explanation. A webpage may be rendered based on webpage information (e.g., HTML text) obtained by combining a template and a dataset applied to the template. A webpage template is a design pattern repeatedly used when rendering the webpage, and the template may include one or more variables for dynamically generating content. According to one embodiment, each template has a corresponding identifier (e.g., ViewName), and device 110, browser 120, and external device 130 can determine the template corresponding to the obtained identifier. A data set (e.g., a ViewModel) can refer to a collection of input values for one or more variables in a template. A data set can be, for example, data in JSON (JavaScript Object Notation) format. Webpage administrative permissions can include, for example, access permissions to query webpage information and permissions to modify parts of the webpage information.

Device 110 may include at least one of a local web server and a database server. For example, device 110 may modify at least a portion of web page information on the local web server and may test and debug the modified web page information. According to one embodiment, the web page management permissions of device 110 may be independent of the publication of web page information. For example, web page information modified in device 110 may only be applied to the local server. Hereinafter, modifying web page information may mean modifying at least a portion of the code that constitutes at least a portion of the web page information (or, template, or database).

The terminal running browser 120 can be a device used by a user (e.g., a customer of e-commerce services) to access e-commerce services. The terminal running browser 120 can be implemented as a terminal capable of sending and receiving various information with device 110 or external device 130 via a network. For example, the terminal running browser 120 can be one of a computer, laptop, portable communication terminal (smartphone, etc.), portable multimedia device, wearable device, or HMD (Head Mounted Display). However, the type of terminal executing browser 120 is not limited to this. The terminal executing browser 120 can be any of the following devices: including an input/output interface that allows the user to input information or output information to the user, and that can communicate with device 110 or external device 130 via a network.

Browser 120 can provide users with information received from device 110 or external device 130, and can receive input from users and transmit it to device 110 or external device 130. Specifically, browser 120 can obtain input from users instructing them to call various pages, and generate commands instructing them to call various pages in response to the obtained input. Browser 120 can transmit commands instructing them to call various pages to device 110 or external device 130. For example, commands instructing users to call various pages associated with e-commerce services can be transmitted to device 110 or external device 130, namely, item catalog pages, product detail pages, search results pages, product sales pages, event pages, and login pages corresponding to user access requests. Input obtained by the user may include various forms of input such as mouse clicks, touch controls using a touchpad or touchscreen, voice recognition, and other electronic inputs. The browser 120 may receive various pages from the device 110 or an external device 130 and output the received pages.

For example, browser 120 may transmit a request to device 110 or external device 130 to load a webpage, and in response, receive webpage information corresponding to that webpage. Browser 120 may render the webpage based on the received webpage information. For example, the webpage information may be HTML text, and browser 120 may render the webpage based on the received HTML text.

External device 130 may be a server device providing e-commerce services. According to one embodiment, external device 130 may include at least one of a web server, a database server, and an application server. External device 130 may manage identifiers (or templates) and input data for generating web pages provided on an online platform offering e-commerce services. According to one embodiment, external device 130 may map and store web pages with identifiers and input data corresponding to the templates of those web pages. For example, external device 130 may map and store the URL (Uniform Resource Locator) of a first page, a first template constituting the first page, and a first dataset.

External device 130 may respond to a request received from a client (e.g., device 110 or browser 120) to query required data, generate dynamic or static content, and send it back to the client. For example, external device 130 may respond to a webpage loading request received by device 110 by sending back the identifier and data set of the template required to generate the webpage to device 110. That is, external device 130 may be a server device operating under the management of an e-commerce service operating entity. For example, external device 130 may respond to a request received by device 110 to load a first page by sending the identifier and first data set of the first template mapped to the first page to device 110.

The aforementioned external device 130 can be implemented by more than one computing device. For example, all functions of the external device 130 can be implemented in a single computing device. As another example, a first function of the external device 130 can be implemented in a first computing device, and a second function can be implemented in a second computing device. As yet another example, a plurality of computing devices can be used to implement all or specific functions of the external device 130. The aforementioned computing device can be a desktop computer, a laptop computer, an application server, a proxy server, or a cloud server, but is not limited to these; all types of devices with computing capabilities can be computing devices.

The network serves to connect device 110, browser 120, or external device 130. For example, the network provides connection paths so that browser 120 or external device 130 can connect to device 110 and send and receive packet data with device 110. The network can be implemented as any type of wired or wireless network, such as a Local Area Network (LAN), a Wide Area Network (WAN), a Mobile Radio Communication Network, or Wibro (Wireless Broadband Internet).

In one embodiment, device 110 and the terminal executing browser 120 can operate as a single device. The terminal executing browser 120 can be included in device 110 as all or part of its constituent elements. In such a case, for example, the various information exchanged between device 110 and browser 120 via a network can be various information exchanged between the constituent elements within a single device.

The devices in various embodiments of the present invention (e.g., device 110) are devices of various forms. For example, device 110 may be a portable communication device, a computer device, a portable multimedia device, a wearable device, a home appliance device, or one or more of the above devices. The device 110 of the present invention is not limited to the above-described devices.

Figure 2 is a block diagram of an electronic device according to one embodiment of the present invention. Device 110 can process information related to e-commerce services. In one embodiment, device 110 may include one or more processors 210, one or more memory units 220, and a communication interface 230 as constituent elements. In one embodiment, at least one of the constituent elements of device 110 may be omitted, or other constituent elements may be added to device 110. In one embodiment, some constituent elements may be additionally or alternatively integrated to implement the device, or the device may be implemented as a single or multiple entities. In the present invention, one or more processors 210 may be referred to as processor 210. Unless explicitly stated otherwise in the context, the term "processor 210" may refer to a collection of one or more processors. In this invention, one or more memory units 220 may be referred to as memory 220. Unless explicitly stated otherwise in the context, the term "memory unit 220" may refer to a collection of one or more memory units. In one embodiment, at least some of the internal/external components of device 110 may be interconnected via buses, GPIO (General Purpose Input/Output), SPI (Serial Peripheral Interface), or MIPI (Mobile Industry Processor Interface) to transmit and receive information (data, signals, etc.).

The processor 210 can drive software (e.g., commands, programs, etc.) to control at least one component of the device 110 connected to the processor 210. Furthermore, the processor 210 can perform various operations, processing, data generation, or manipulation related to the present invention. The processor 210 can also load data from memory 220 or store such data in memory 220. Moreover, the processor 210 can send and receive various messages with the user's terminal and external device 130 via the communication interface 230. In one embodiment, the processor 210 can send various information, such as page information, to the user's terminal by controlling the communication interface 230.

Memory 220 can store various information (data). The information stored in memory 220, as information obtained, processed, or used by at least one component of device 110, may include software (e.g., commands, programs, etc.). Memory 304 may include volatile and/or non-volatile memory. In this invention, commands or programs, as software stored in memory 220, may include operating systems, applications, and/or middleware for controlling the resources of device 110, wherein the middleware provides various functions to the application to enable the application to utilize the resources of device 110. In one embodiment, memory 220 may store commands that, when executed by processor 210, cause processor 210 to perform calculations. Memory 220 may store at least a portion of information received from the terminal via communication interface 230 and/or information sent to the terminal via communication interface 230. Processor 210 may store at least a portion of information received from the terminal via communication interface 230 and/or information sent to the terminal via communication interface 230 into memory 220.

The communication interface 230 can communicate with the user's terminal and external devices. The communication interface 230 can enable wireless or wired communication between device 110 and the terminal. For example, the communication interface 230 can implement wireless communication in the following ways: 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 System for Mobile Communications). Positioning System (GPS) or GNSS (Global Navigation Satellite System), etc. For example, the communication interface 230 can implement wired communication via USB (Universal Serial Bus), HDMI (High Definition Multimedia Interface), RS-232 (Recommended Standard-232), or POTS (Plain Old Telephone Service), etc. In one embodiment, device 110 can also be integrated with other devices. In this case, the communication interface 230 can function as a connection circuit or interface connecting device 110 with corresponding other devices.

The actions described below in Figures 3 to 7 as being performed by a device can be understood as being performed by the processor 210 of the device 110 described in Figure 2.

Figure 3 is a flowchart illustrating the operation of a method for modifying a webpage template according to one embodiment of the present invention. In action S310, device 110 may modify at least a portion of the webpage information based on user input. For example, device 110 may generate a second template based on user input, modifying at least a portion of the first template corresponding to the first page. For example, the second page corresponding to the second template may be a page obtained by changing the position, size, color, or shape of at least a portion of the constituent elements in the first page, or by deleting previous constituent elements or adding new constituent elements.

In action S312, device 110 may transmit the second template to external device 130. According to one embodiment, device 110 may transmit the URL of the first page at the same time as transmitting the second template. In this way, device 110 can inform external device 130 that the second template is obtained by modifying the first template corresponding to the first page.

In action S320, external device 130 may map and store the second template with the first page. For example, external device 130 may map and store the URL of the first page, the first template, and the first data set with the first page, and then, corresponding to receiving the second template from device 110, map and store the URL of the first page, the second template, and the first data set.

It should be clearly understood that the above description only illustrates an implementation of the template modification for device 110, but it can also modify the dataset corresponding to the page.

Figure 4 is a flowchart illustrating the operation of a method for presenting a webpage according to one embodiment of the present invention. In operation S400, device 110 can generate a second template obtained by modifying the first template and transmit it to external device 130. Upon receiving the second template, external device 130 can modify the template mapped to the first page from the first template to the second template. That is, external device 130 can map the URL of the first page, the second template, and the first dataset.

In action S410, browser 120 may send a page loading request to device 110. The loading request may include the URL of the page. The URL may have different strings depending on at least one of the following: whether the user is logged into the webpage or whether the user has become a member. For example, browser 120 may send a request to load page 1 to device 110, and the request may include the URL of page 1. In this case, the URL of page 1 may be determined based on whether the user is logged into the application and whether the user has become a member. This is because even pages linked via the same path may have different structures depending on whether the user is logged in and whether they have become a member. For example, when a user logs into the application, the webpage structure may vary depending on data such as the user's online platform purchase history, recently viewed items, shopping cart, and personal information, and may also vary depending on whether the user has become a member, whether they are applying for discounts, and the duration of the discounts.

For example, the URL of the first page may include the first URL when the user is not logged into the application, the second URL when the user is logged into the application but has not registered as a member, and the third URL when the user is logged into the application and has registered as a member.

In action S420, device 110 may obtain a URL from a loading request from browser 120. For example, device 110 may obtain the URL of page 1. In action S422, device 110 may transmit the obtained URL to external device 130.

In action S430, external device 130 can determine the identifier and data set of the template corresponding to the obtained URL and transmit them to device 110. Since external device 130 maps and stores the information of the webpage URL, the template corresponding to the webpage, and the data set, it can determine the identifier and data set of the template corresponding to the received URL. For example, external device 130 can determine the identifier and first data set of the second template corresponding to the URL of the first page and transmit them to device 110.

In action S440, device 110 may receive an identifier of the second template and a first dataset from external device 130 to generate web page information. According to one embodiment, device 110 may determine a template corresponding to the identifier and combine the template and dataset determined using a template engine (e.g., Handlebar, Vue, React, etc.). The template engine may be a software or hardware device that combines the dataset and the template and outputs the resulting text (i.e., web page information). For example, device 110 may use Handlebar to generate first web page information combining the second template and the first dataset. In action S442, device 110 may transmit the generated web page information to browser 120. In this way, compared to generating web page information in the external device 130 and transmitting it to the browser 120, the amount of data transmitted is reduced, and the browser 120 can obtain the data required to present the requested web page more quickly.

In action S450, browser 120 may display a webpage based on webpage information received by device 110. For example, browser 120 may display the first page in response to receiving webpage information for the first page.

Figure 5 is a flowchart illustrating the method for presenting a webpage according to one embodiment of the present invention. The following description omits any content that is repeated in Figure 4.

In action S500, browser 120 may send a request to device 110 to load the first page. In action S510, device 110 may obtain the URL corresponding to the first page, and in action S512, the URL may be sent to external device 130.

In action S520, external device 130 can transmit the identifier of the first template mapped to the URL of the first page and the first data set to device 110.

Device 110 can receive the identifier of the first template and the first data set. In action S530, it can generate a second template by modifying at least a portion of the first template based on user input. In action S532, device 110 can generate web page information based on the generated second template and the first data set. In action S534, the generated web page information is transmitted to browser 120. In action S540, browser 120 can display the first page based on the received web page information.

According to one embodiment, device 110 can transmit the generated second template to external device 130. External device 130 can change the first template mapped on the first page to the second template upon receiving the second template from device 110.

The steps of the method or algorithm of the present invention are described sequentially in the sequence diagrams shown in Figures 3 to 5. However, in addition to performing the steps sequentially, they can also be performed in any combination that can be achieved by the present invention. The description of this flowchart does not preclude changes or modifications to the method or algorithm, and does not imply that any action is necessary or preferred. In one embodiment, at least some steps may be performed in parallel, repeatedly, or heuristically. In one embodiment, at least some steps may be omitted, or other steps may be added.

Figures 6 and 7 illustrate examples of a first page loaded in a browser based on different web page information, according to one embodiment of the present invention.

Device 110 can modify at least a portion of a webpage template based on user input. The webpage template defines the structure and layout of the webpage. For example, it can define elements such as the position, size, color, and shape of each component placed on the webpage. Users of device 110 can improve the design and functionality of webpages provided on the online platform by modifying the webpage template.

For example, Figure 6 shows a first page 600 constructed using a first template. The first page 600 constructed using the first template includes items 602 corresponding to a plurality of products, each item 602 including an image 604 of the product and text data 606. In this case, the first template may display the product image 604 on the left and the text data 606 on the right. Figure 7 shows a first page 610 constructed using a second template. The first page 610 constructed using the second template may include items 612 corresponding to a plurality of products, each item 612 including an image 614 of the product and text data 616. In this case, the second template may display the product image 614 on the right and the text data 616 on the left. That is, as the template of page 1 changes from template 1 to template 2, the position of the constituent elements displayed on page 1 may change. It should be clearly understood that examples of web pages displayed in browser 120 changing as the web page template changes are not limited to the content described in Figures 6 and 7.

Various embodiments of the present invention can be implemented in the form of software on a machine-readable storage medium. The software can be the software used to implement the various embodiments of the present invention. Programmers in the art to which the present invention pertains can infer the software based on the various embodiments of the present invention. For example, the software can be a program that includes machine-readable commands (e.g., code or code segments). A machine is a device capable of performing actions according to commands invoked from a storage medium, such as a computer. In one embodiment, the machine can be device 110 of an embodiment of the present invention. In one embodiment, the machine's processor executes the invoked commands, thereby enabling the machine's components to perform functions corresponding to those commands. In one embodiment, the processor may be the processor 210 of the present invention. Storage medium may refer to all types of recording medium capable of being read by a machine and storing information. Storage medium may include, for example, ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage device, etc. In one embodiment, the storage medium may be memory 220. In one embodiment, the storage medium may also be implemented in a form distributed across computer systems connected to a network. Software may be distributed across computer systems for execution. The storage medium may be a non-transitory storage medium. Non-transitory storage media refers to media that actually exist without relation to semi-permanent or temporary data storage, excluding transiently transmitted signals.

The technical concept of the present invention has been described above based on various embodiments. However, the technical concept of the present invention includes various substitutions, changes, and modifications that can be implemented within the scope of the art to which the present invention pertains and are understandable to a person of ordinary skill. Furthermore, it should be understood that such substitutions, changes, and modifications may be included within the scope of the appended invention claims.

110: Device 120: Browser 130: External Device 210: Processor 220: Memory 230: Communication Interface 600: Page 1 602: Item 604: Image 606: Text Data 610: Page 1 612: Item 614: Image 616: Text Data S310: Action S312: Action S320: Action S400: Action S410: Action S420: Action S422: Action S430: Action S440: Action S442: Action S450: Action S500: Action S510: Action S512: Action S520: Action S530: Action S532: Action S534: Action S540: Action

Figure 1 illustrates the environment of an apparatus to which one embodiment of the present invention can be applied. Figure 2 is a block diagram of an electronic device according to one embodiment of the present invention. Figure 3 is a flowchart illustrating the method of modifying a webpage template according to one embodiment of the present invention. Figure 4 is a flowchart illustrating the method of presenting a webpage according to one embodiment of the present invention. Figure 5 is a flowchart illustrating the method of presenting a webpage according to one embodiment of the present invention. Figures 6 and 7 illustrate examples of a first page loaded in a browser according to different webpage information according to one embodiment of the present invention.

110: Device

120: Browser

130: External Device

S400: Action

S410: Action

S420: Action

S422: Action

S430: Action

S440: Action

S442: Action

S450: Action

Claims (17)

A method for presenting a webpage, implemented in a device including one or more processors and one or more memories storing commands to be executed by the one or more processors, wherein the one or more processors includes the following steps: in response to a request to load a webpage in a browser, transmitting a first request to an external device, the first request being a request for information of the webpage and including a URL corresponding to the webpage; obtaining from the external device an identifier of a template corresponding to the webpage and a data set applied to the template; and generating webpage information for displaying the webpage based on the identifier and the data set. The method for presenting a webpage as described in claim 1 further includes the following steps: one or more processors transmit the webpage information to the browser; and the browser displays the webpage based on the webpage information. The method for presenting a webpage as described in claim 1 further includes the following steps: transmitting information of a second template obtained by modifying at least a portion of a first template corresponding to the webpage to the external device; and the step of generating the webpage information by having the identifier identify the second template includes the following steps: obtaining the second template based on the identifier; and generating the webpage information based on the second template and the dataset. The method for presenting a webpage as described in claim 1, wherein the aforementioned identifier identifies a first template corresponding to the aforementioned webpage, and the steps for generating the aforementioned webpage information include the following steps: obtaining the aforementioned first template based on the aforementioned identifier; generating a second template by modifying at least a portion of the aforementioned first template; and generating the aforementioned webpage information based on the aforementioned second template and the aforementioned dataset. The method for presenting a webpage as described in request 4 further includes the following steps: one or more processors transmit the information of the second template to the external device. The method of presenting a webpage as in Request 1, wherein the first request includes information indicating whether a user has logged into the webpage or whether the user has joined at least one of the membership qualifications. The method of presenting a webpage as described in Request 6, wherein the URL has a different string depending on whether the user is logged into the webpage or whether the user has joined a membership. The method for rendering a webpage as described in Request 1 includes the following steps for generating the aforementioned webpage information: using at least one template engine from Handlebar, Vue, or React to generate the aforementioned webpage information. An apparatus for presenting a webpage includes: one or more processors; and one or more memories storing commands to be executed by the one or more processors; when executing the commands, the one or more processors perform the following: in response to a request to load a webpage in a browser, transmit a first request to an external device, the first request being a request for information about the webpage and including a URL corresponding to the webpage; obtain from the external device an identifier of a template corresponding to the webpage and a data set applied to the template; and generate webpage information for displaying the webpage based on the identifier and the data set. As in claim 9, the device for displaying a webpage includes one or more processors that: transmit the webpage information to the browser; and display the webpage based on the webpage information. As in the device for presenting a webpage as described in claim 9, one or more of the processors described above perform the following: transmit information about a second template obtained by modifying at least a portion of the first template corresponding to the webpage to the external device; obtain the second template based on the identifier of the second template; and generate the webpage information based on the second template and the dataset described above. As in the device for presenting a webpage as requested in claim 9, wherein the aforementioned identifier identifies a first template corresponding to the aforementioned webpage, and the aforementioned one or more processors are configured to: obtain the aforementioned first template based on the aforementioned identifier; generate a second template by modifying at least a portion of the aforementioned first template; and generate the aforementioned webpage information based on the aforementioned second template and the aforementioned dataset. The device for displaying a webpage, as in request item 12, wherein one or more of the aforementioned processors transmit the information of the aforementioned second template to the aforementioned external device. The device that displays the webpage as requested in item 9, wherein the first request above includes information indicating whether the user has logged into the webpage or whether the user has joined a membership program. The device for displaying a webpage, as in request item 14, wherein the URL has a different string depending on whether the user is logged into the webpage or whether the user has joined a membership. The device for rendering a webpage, as in request item 9, wherein one or more of the aforementioned processors utilize at least one of the template engines, Handlebar, Vue, or React, to generate the aforementioned webpage information. A non-temporary computer-readable recording medium that records commands to be executed by one or more processors, the commands being configured such that, upon execution of the commands, the one or more processors perform the following steps: in response to a request to load a webpage in a browser, transmitting a first request to an external device, the first request being a request for information about the webpage and including a URL corresponding to the webpage; obtaining from the external device an identifier of a template corresponding to the webpage and a dataset applied to the template; and generating webpage information for displaying the webpage based on the identifier and the dataset.