Page development method and device, server and storage medium

[0058]The present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present invention, but not to limit the present invention. In addition, it should be noted that, for the convenience of description, the drawings only show some but not all structures related to the present invention.

[0059] Before discussing the exemplary embodiments in greater detail, it should be mentioned that some exemplary embodiments are described as processes or methods depicted as flowcharts. Although a flowchart depicts various operations (or steps) as a sequential process, many of the operations may be performed in parallel, concurrently, or concurrently. Additionally, the order of operations can be rearranged. The process may be terminated when its operation is complete, but may also have additional steps not included in the figures. The processes may correspond to methods, functions, procedures, subroutines, subroutines, and the like. Furthermore, the embodiments of the invention and the features of the embodiments may be combined with each other without conflict.

[0060] The term "including" and its variants used in the present invention are open to include, ie, "including but not limited to". The term "based on" is "based at least in part on." The term "one embodiment" means "at least one embodiment."

[0061] It should be noted that concepts such as "first" and "second" mentioned in the present invention are only used to distinguish corresponding contents, and are not used to limit the order or interdependence.

[0062] It should be noted that the modifications of "a" and "a plurality" mentioned in the present invention are illustrative rather than restrictive, and those skilled in the art should understand that unless the context clearly indicates otherwise, they should be understood as "one or a plurality of" multiple".

[0063] figure 1 A schematic flowchart of a page development method provided for an embodiment. This method can be applied to the situation of developing pages, for example, developing relevant pages for a designated website or developing relevant pages for application software, etc. The method can be executed by a page development device, wherein the device can be implemented by software and/or hardware, and is generally integrated on a server. The server acts as a page developer and a server to publish the developed page, and page users (such as client or third parties, etc.) can access the page and use the functions of the page.

[0064] like figure 1 As shown, a page development method provided by this embodiment includes the following steps:

[0065] S110. Create a page to be developed according to page requirements, where the page requirements are the requirements of the page user for the function of the target page.

[0066] In this embodiment, the target page is the developed page, which can be a web page (such as a website home page, a directory page, a search page or a text page, etc.), a software page (such as a login page, a chat page, a game page, etc.) or a browsing page. The target page can be a static page or a dynamic page. The target page has certain functions to meet the needs of users, such as news content display, music playback control, account login, and jumping from the current page to a specified link. Different functions mean that page users have different page requirements.

[0067] Page requirements can include one or more requirements. Exemplarily, for an application of a shopping platform, the page requirements may include: allowing users to log in to the application using an account and password; viewing or searching for service providers through keywords; displaying available or searchable service providers through a list; The details page of each service provider displays the service provider's introduction information and contact information; provides a window for conversations with the service provider; supports users to pay the service provider and generate orders, etc. Page requirements can be stored in the description document in the form of text, diagrams, diagrams and/or codes. For multiple requirements, one target page may be developed, or multiple target pages may need to be developed to meet all requirements. For ease of description, the following embodiments take the development of a page as an example for description.

[0068] In the process of page development, firstly create a page to be developed according to the page requirements. The page to be developed can be a blank page or a page with a specified layout. For example, the page to be developed can include a header, a footer, a title bar and/or Toolbars, etc., these layouts can be retained or changed in the subsequent development process. Creating can mean creating a new page or opening an existing page.

[0069] S120. Process the page to be developed by using the development tool corresponding to the page requirement to obtain the target page, wherein the development tool includes a rich text editor for importing template materials in a template library and/or a rich text editor for editing An online integrated development environment for code.

[0070] In this embodiment, different development tools are provided for various page requirements, wherein a rich text editor is a tool that can be embedded in a browser for making pages, such as TinyMC, Ckeditor, or UEditor, etc.; online integration A development environment (Integrated Development Environment, IDE) is an application that provides a program development environment online. It can be understood as a cloud-based intelligent code editor, such as Eclipse Che or WebIDE editor, etc., which can be directly run in the browser, generally Preset tools such as code editor, compiler, debugger and GUI, support multiple programming languages, provide a variety of development plug-ins, such as intelligent prompts, code completion, quality inspection, etc., integrated code writing function, analysis function , compile function, debugging function and other integrated development software service suite. In addition, for the rich text editor, a template library can be built, which includes template materials. Template materials refer to various components or elements that may be used in the page, such as text boxes, pictures, and specific functions (such as jumping, playing, Controls, etc., such as pop-up windows, etc., can also be a combination of these components or elements, and the template material can also be the entire page. On this basis, the template material can be imported into the page to be developed by using a rich text editor, or the code edited by the R&D personnel can be obtained through the online integrated development environment to realize the development of the target page.

[0071] Exemplarily, for some relatively simple page requirements, the corresponding functions can be provided by combining the existing template materials in the template library, while for some more complex page requirements, such as pages with complex animations and many interactions, it is usually required. R&D personnel can provide corresponding functions through programming to provide new algorithms, modules or interfaces. In this embodiment, text boxes, pictures, controls and/or pages can be stored in the template library as template materials. If these template materials can be used to meet page requirements, a rich text editor can be used to import these template materials To the page to be developed, realize the development of the target page; otherwise, you can use the online integrated development environment for developers to edit the code to realize the development of the target page.

[0072] It should be noted that two development tools can also be used in the development process of a target page, that is, for some page requirements, use a rich text editor to import these template materials into the page to be developed, and for another part of the page requirements , using the online integrated development environment for developers to edit the code to realize the development of the target page. In addition, secondary editing of imported template materials can also be performed through the online integrated development environment.

[0073] S130. Publish the target page.

[0074] Specifically, the target page obtained after the page to be developed is processed by the development tool has corresponding functions, can meet the page requirements, and can be handed over to the user for use through the network or an open platform. For example, for the development of web pages, the target page can be uploaded to the registered server space or under the domain name; for the development of application pages, the target page can be packaged in the application and released through the application store and other platforms. In addition, the target page can also be handed over to the caller for joint development or PR review.

[0075] The page development method of this embodiment flexibly adopts different development tools according to page requirements, and can use a visual rich text editor to import rich template materials, so that developers can efficiently and conveniently complete the page development in a WYSIWYG manner. Production, release and management; online integrated development environment can also be used to provide online coding, cloud storage code and secondary editing capabilities, enabling developers to quickly write code online to achieve more complex development; development tools can be used independently or It can be used together. When used together, the result edited by the rich text editor can also be converted into code, and a code warehouse is automatically generated. The developer can directly pull the code of the warehouse remotely, and further development can be realized on this basis. This method optimizes the page development process, can greatly reduce communication costs and demand delivery time, and improve development efficiency.

[0076] In one embodiment, the page requirements include a first category of requirements related to template materials; the development tool includes a rich text editor; according to the page requirements, the page to be developed is processed through a corresponding development tool to obtain the target page, including: according to the first category Demand, obtain the template material in the template library through the material service, and edit the page to be developed based on the template material through the rich text editor to obtain the target page.

[0077] Specifically, the first type of demand is related to template materials. For the first type of demand, the corresponding functions can be provided by combining existing template materials in the template library. The development tool corresponding to the first type of demand is a rich text editor.

[0078] Material service can be understood as a service that collects or converts elements that may be used in page development into template materials to build a template library and provides an export function. The rich text editor can export template materials from the template library and import them to the to-be-developed page. A page usually consists of multiple components (such as image hotspot, video, page header and page footer, etc.). The template materials in the template library can include page templates and component templates. You can copy the page template through a rich text editor to directly obtain a page template. A complete page to be developed, one or more component templates can also be imported into the created page to be developed, and these template materials can be arranged, combined or adjusted (such as modifying the color and size of template materials, replacing specified characters, etc.) , get the target page.

[0079] In one embodiment, the page requirements include the second type of requirements related to the code; the development tool includes an online integrated development environment; according to the page requirements, the page to be developed is processed through the corresponding development tool to obtain the target page, including: according to the second type of requirements , obtain the scaffolding tool through the compilation service, and compile the page to be developed based on the scaffolding tool and code through the online integrated development environment to obtain the target page.

[0080] Specifically, the second type of requirement is related to the code. For the second type of requirement, it is difficult to provide corresponding functions by combining the existing template materials in the template library. Usually, R&D personnel are required to provide new algorithms, modules or interfaces through programming. The development tool corresponding to the second type of requirement is an online integrated development environment, such as WebIDE.

[0081] Compilation service can be understood as a tool that provides developers with R&D scaffolding tools, automated project generation and built-in basic utilities (Utils), interactive charts and visual browser libraries (Echart), module packers (Webpack), gateway information, etc. Based on the use of scaffolding tools to initialize the infrastructure and code of the project, open up the code warehouse, test platform, continuous integration (CI) and continuous delivery (CD) of the software R&D management collaboration platform (Coding). ), which can provide pipeline capabilities from coding, testing to publishing. Using the online integrated development environment, the target page can be obtained by compiling based on the scaffolding tool and the code edited by the developer.

[0082]In one embodiment, the page requirements include a first category of requirements related to template materials and a second category of requirements related to code; the development tools include a rich text editor and an online integrated development environment; and the page requirements are processed by corresponding development tools. Obtaining the target page from the page to be developed includes: obtaining the template material in the template library through the material service according to the first type of requirements, and editing the to-be-developed page based on the template material through the rich text editor; according to the second type of demand, through the compilation service Obtain the scaffolding tool, and compile the edited page to be developed based on the scaffolding tool and code through the online integrated development environment to obtain the target page.

[0083] In this embodiment, the page requirements include two types, and different development tools are used to process the first type of requirements and the second type of requirements, and finally a target page is obtained. Specifically, for the first type of demand, you can use the rich text editor to edit the page to be developed through the material service to obtain the edited page to be developed, and then for the second type of demand, through the compilation service and using the online integrated development environment Process the edited page to be developed, and finally get the target page. Wherein, in the process of using the online integrated development environment to process the edited to-be-developed page, the template materials imported into the to-be-developed page can be adjusted and modified, that is, the secondary editing of the editing result of the rich text editor can be realized.

[0084] figure 2 A flowchart of a page development process provided for an embodiment. like figure 2 As shown, according to the page requirements, you can choose to create a new page or open an existing page to create a page to be developed; for the first type of requirement, you can use a rich text editor to import template materials in the template library to edit the page to be developed. In this case If there is no second type of requirement, the target page can be quickly built and released based on template materials; for the second type of requirement, R&D personnel can participate in code development through the online integrated development environment, and if there is an existing project If you have used the relevant code, you can refer to the existing project to complete the code development. Otherwise, build a new project and use scaffolding tools, CI&CD, etc. to complete the code development. After online compilation and deployment and product acceptance, the target page is released. On this basis, the target pages can be divided into build pages (pages corresponding to the first type of requirements, which are relatively low in complexity and can be quickly built with a rich text editor), semi-built pages (the first type of requirements and For the pages corresponding to the second type of requirements, some content can be quickly built with a rich text editor, and other parts need to be handed over to the online integrated development environment and code development) and the full development page (the page corresponding to the second type of requirements, the complexity of the entire page is relatively high High, all handed over to the online integrated development environment and code development).

[0085] In one embodiment, the template material includes a component template and a page template.

[0086] Specifically, the template materials in the template library include component templates and page templates. Through a rich text editor, a page template can be imported to directly obtain a complete page to be developed, or one or more components can be imported into the created page to be developed. Template and make adjustments to get the target page. For example, there is a page template for holiday notice in the template library. The rich text editor can directly click to use this page template, and then modify the date, address and other information according to actual needs to get the target page; another example is there is a template library in the template library. Newcomer's rights claim component template, you can import the component template on the page to be developed through a rich text editor to provide newcomer's rights claim function. These page templates and component templates can be managed by administrators, such as auditing, removing or updating, etc.

[0087] In one embodiment, the method further includes:

[0088] Step 140: Monitor and record in real time at least one of the target page's life cycle, operation authority, development statistics, version information, and operation logs through the management service.

[0089] Specifically, the management service can be understood as a service that monitors and records the published target pages in real time in various aspects. Specifically, through the management service, the life cycle of the target page can be monitored, including the management of the complete life cycle of the target page's creation, editing, rollback, publishing, and offline, such as recording the execution times and corresponding time of each link of the target page. stamp etc.

[0090] Through the management service, the operation authority of the target page can also be monitored and recorded in real time to realize the collaborative operation of multiple people. For example, various operations on a target page (such as viewing, modifying, publishing, sharing or authority transfer, etc.) can be performed by a person with operation authority. or multiple operators, the operations performed by multiple operators can be combined, and if there is a conflict, different operations can be prompted and selected according to the priority of the operation authority; in addition, by monitoring and recording the operations of the target page in real time Permissions can ensure the legitimacy of operations. For example, a black and white list can be configured for the operation permissions of each operator to implement dynamic permission management.

[0091] Through the management service, you can also record the operation logs of each link and each developer, which is easy to view and trace; after the target page is released, its functions need to be continuously upgraded and optimized, and there may be version updates or rollbacks. The version information of the target page can be monitored and recorded in real time; the development statistical data of the target page can also be monitored and recorded in real time through the management service. It can provide further iteration and optimization direction for the upgrade of the target page.

[0092] In one embodiment, the method further includes:

[0093] Step 150: Embedding data on the target page through the data service, and visually displaying the statistical results of the burying.

[0094] Specifically, the data service can be understood as a service for burying data on the target page and collecting statistics on the burying points. Through the data service, you can count the exposure points and click points of the target page, and visualize the statistical results with various mathematical statistics charts (such as histograms, pie charts or line charts, etc.). The statistical results include the target Page views or clicks (Page View, PV), number of visits (Visit View, UV), tags of visiting users, clicks of each click, bounce rate and/or conversion rate, etc., based on embedded points The statistical results of the data can be adjusted in time to the content of the target page, which is convenient for the review of the operation strategy in the later stage.

[0095] In one embodiment, before publishing the target page, the method further includes: building an open platform through a client software development kit service; publishing the target page, including:

[0096] Step 1302: Split the application in the target page into multiple sub-applications through the micro-frontend service;

[0097] Step 1304: Package each sub-application based on the interface of the open platform and publish it to the caller.

[0098] In this embodiment, the client software development kit (Software Development Kit) service can be understood as an external service (also called an extension service or a cross-platform service), that is, by constructing an open platform (Open Platform), the target page is encapsulated into a series of An open application programming interface (Open Application Programming Interface, Open API) that is easily identifiable by the computer is opened for the caller to conduct joint development or auditing, etc., to meet the needs of cross-platform communication.

[0099] An open platform can be built through a client software development kit (Software Development Kit) service, and an SDK can provide API-related files for a programming language, but it may also include complex hardware that can communicate with an embedded system. SDKs typically include sample code, supporting technical notes, or other supporting documentation that explains and describes basic reference materials.

[0100] A micro-front-end service can be understood as a service that uses widget splitting to achieve project splitting governance. In this embodiment, a large-scale front-end application can be split into multiple independent and flexible sub-applications through the micro-front-end service, and a single application can be developed independently and deployment, which do not affect each other and can communicate with each other, and then package each sub-application based on the API of the open platform and publish it to the caller.

[0101] image 3 Provided for an embodiment is a schematic diagram of implementing page development based on a rich text platform. like image 3 As shown, this embodiment adds template library (also called template market), page publishing (through computer and hypertext 5.0, ie PC&H5), management service, data service and external service based on the rich text editor. Among them, the template library can assist the construction of the target page, making the development more convenient, and developers can use rich templates according to page requirements; the management center is the support for the core process of page development, and the construction and life cycle of the target page from scratch. , operation authority, development statistics, version information and operation logs are managed; the target page is embedded with data through the data service, and the statistical results of the embedded point are visualized; through the external service, the caller can be seamlessly provided with development tools ( capabilities such as code editors and automatic code deployment), as well as forming an ecosystem (including managing and interacting with caller registration, authentication, and connection).

[0102] Figure 4 A schematic diagram of a page development architecture provided for an embodiment. This architecture provides refined services under the support of basic services, thereby improving work efficiency and page development efficiency internally, and providing reliable extension services and cross-platform communication capabilities externally. like Figure 4 As shown, the basic service provides data large-scale analysis services, built-in scheduled tasks (such as regularly publishing target pages and regular statistical development data, etc.), log parsing (such as parsing operation logs, etc.), performance monitoring (the monitoring platform provided internally, only needs to be The platform parameters can be registered on the monitoring platform to use the monitoring function) and other functions, which not only deeply depicts the group portrait of the target user, provides an analysis basis for the adjustment of operation strategies, but also reduces the proportion of development in non-R&D work; timed tasks Log parsing and log parsing are new capabilities, which can be realized by writing a scripting language and combining business requirements, such as synchronizing page exposure data to an offline database regularly, and then combining with log parsing scripts to produce the data that needs to be displayed on the data panel.

[0103] Basic services also include data reporting (for example, reporting the statistical results of buried points), exception monitoring (to detect abnormal operations in the development process in a timely manner), database (for storing data generated in the development process, target page data, and calling communication data, etc.), cloud services (using cloud virtual resources to store data generated by page users in the process of using the target page, etc.), configuration storage (storing the configuration information of each component of the target page), single sign-on (SingleSignOn, SSO) ), message push, content audit (hand over the target page to a third party for critical review, etc.), Content Delivery Network (CDN) object storage, etc.

[0104]On the basis of the above, create a personalized template library through material services, provide the import function of pages and components, and support data display (such as display of template material usage, frequency of use, classification of template materials, applicable scenarios, etc.) , which is convenient to quickly retrieve the required template materials; the compilation service provides R&D scaffolding tools, automatically generates projects and has built-in basic usage tools (Utils), style loader (Style loader), plugin configuration item presets (Preset), compiler core package (@babel/core), Transformer (Transform), script programming language (ECMAScript 6, ES6) and other tools, open up Coding code warehouse, test platform and continuous integration and continuous delivery (CI&CD), provide R&D side from coding, testing Pipeline capability to release version; through product empowerment (management service), on the basis of permission system and release records, it provides page management functions for the complete life cycle of pages from creation, editing, rollback, release, and offline, etc., and through The configurable message notification method realizes multi-person collaborative operation and management of operation rights. When editing a page, users can make online production (such as inserting pictures, text, videos and other elements, and configure their size and color) through the visual interface of the rich text editor. , location, etc.); and provides a rich text plug-in, which can customize the jump links of text, pictures, etc., and also has the ability to develop data statistics for buried points; SDK) service, which can trigger operations such as page publishing, provide Open API open capabilities, support callers to make calls through HTTP and Thrift, and support CDN synchronous detection, CI&CD, security audit, and forwarder forwarding.

[0105] In one embodiment, publishing the target page includes:

[0106] Step 18100: Register and authenticate the caller and establish a connection with the caller through the interface of the open platform;

[0107] Step 18200: Receive a call request from the caller to the target page;

[0108] Step 18300: Transmit the target page to the caller according to the call request, so that the caller can review the target page;

[0109] Wherein, the call request adopts HTTP and/or RPC framework protocol.

[0110] In this embodiment, the caller may refer to a third party that performs public relations audit on the target page during the publishing process. After the target page is built and before it goes online, the review process can be submitted to the public relations personnel. After the review platform has reviewed the content of the target page, the public relations personnel can give instructions to confirm the release of the target page, where the review platform is the caller. After the caller registers with the server and passes the authentication, according to the guidelines for accessing the server, the caller can access the server through the API of the open platform and send a call request, and the server will hand over the target page to the caller according to the call request.

[0111] Among them, the target page supports HTTP and/or RPC frame protocol invocation in two ways. The RPC framework protocol can use Thrift. Thrift is an IDL interface description language and binary communication protocol. It is used to define and create cross-language services. It combines a software stack through a code generation engine to create different degrees of seamlessness. cross-platform efficient service.

[0112] In an embodiment, before receiving the calling request for the target page from the caller, the method further includes:

[0113] Step 18102: Obtain the interface description file corresponding to the interface of the open platform, and convert the interface description file into a remote procedure call file based on the remote procedure call framework protocol;

[0114] Step 18104: Parse the remote procedure call file to start and monitor the interface service according to the interface;

[0115] Step 18105: Register the interface service in the routing registration center through the service management proxy service, and obtain the route for the caller to send the call request, and the destination interface of the route is the interface of the open platform.

[0116] In this embodiment, an interface description file is defined using an interface description language (IDL), and a protocol document is published through the help center, and the interface description file can be converted into a Javascript type code file, that is, an RPC file, by using the Thrift framework protocol;

[0117] Parse and process the interface in the RPC file, and start and monitor the interface service accordingly. The interface service can be a Node service, that is, a service developed in Node language, and the Node service can call the relevant API as the RPC server to implement Thrift calls;

[0118] Call the service governance proxy service. The service governance proxy service is a public service provided inside the server, which is used to register the Node service to the routing registry, and the routing registry generates routes for the interface service for the caller to call.

[0119] Figure 5 A schematic diagram of a remote procedure call framework provided for an embodiment. like Figure 5 As shown, a Node service is equivalent to a server (such as using Java language), and a caller that uses other languages ​​(such as Java, C/C++, Python, or Objective-C, etc.) to write code files acts as a client. On the server side, define the interface description file and generate the Javascript code file. On this basis, start the Node service and register the corresponding route in the routing registry through the service management proxy service, discover the client's Thrift call through the route and respond by listening to the Node service Thrift call on the client side; on the client side, the caller can construct parameters through the interface protocol of the Open API corresponding to the route and initiate a Thrift call according to the route of the Node service. The service management proxy service implements the service according to the serialization and deserialization of the communication protocol. The data transmission between the client and the caller realizes cross-platform and cross-language calls.

[0120] In one embodiment, the method further includes: converting the target page into a set language file through a rich text protocol; wherein the set language file includes a hypertext markup language (Hyper Text Markup Language, HTML) file, a cascading style At least one of a Cascading Style Sheets (CSS) file and a Javascript language file.

[0121] Specifically, the configuration and elements of the target page can be saved in the form of HTML, CSS and/or Javascript files through the rich text protocol, wherein HTML is a language used to describe web pages and used to define the structure of the target page; CSS indicates how to display HTML and is used to define the style of the target page; Javascript language files are interpreted and run by the browser, which is convenient for subsequent publishing and secondary development.

[0122] In one embodiment, the method further includes:

[0123] Step 160: Store and update the component states of the target page in real time from the dimensions of the basic configuration layer, the assembly layer and the generation layer through the state management library; the basic configuration layer includes a rich text editor and an online integrated development environment; the assembly layer includes templates Libraries and scaffolding tools; the build layer includes set language files corresponding to target pages.

[0124] The state management library is used to save the data (that is, the state) generated by the target page during the interaction between the server and the client and update it in real time. Changes are predictable. The state management library can be Flux, Redux or Vuex etc. In this embodiment, focusing on the construction and release of the target page, the development process is divided into three dimensions: the basic configuration layer, the assembly layer and the generation layer, and the global state management is realized between each layer through the state management library.

[0125] Image 6 A schematic diagram of global state management through a state management library provided for an embodiment. like Image 6 As shown, the basic configuration layer mainly involves the state management of various capabilities for building target pages, including rich text editors, online integrated development environments (such as WebIDE development tools and their plug-ins, such as HTML, CSS, Javascript, etc.), personalized Configuration module (for the scenario where the second type of requirement is developed by R&D personnel, some general configuration modules are abstracted for developers to use directly. For example, many pages need to be clicked to jump. The only difference is that the target page address of the jump is different, then It only needs to introduce a general jump module, and then configure some address parameters to realize the jump function. This jump module is a personalized configuration module), publishing platform (PC & HTML5), etc.; through data source access and The background function as a service (Fass) service maps and arranges the data of each business party according to the customized data standardization protocol, and outputs it to the front-end developer with a unified protocol structure for calling; the data protocol not only contains data results , as well as parameters such as clicks, callbacks, exposure and buried points, and the reporting of interactive events and page dynamic data through Javascript. In addition, synchronization policies (synchronization of target pages between different platforms) and component states of extension point access (Open API) can also be managed.

[0126] The assembly layer mainly involves productization capabilities such as template library, template material collection, template material import, page preview function, etc., as well as tools such as scaffolding and developer kits that provide convenience for complex development. The real-time effect is displayed in the form of a micro-front-end module, and the assembly layer also includes abnormal reporting capabilities, so as to detect abnormal operations in the development process in time.

[0127] The generation layer mainly involves the product of the assembly layer, that is, the data of the target page (including styles and dynamic resources, etc.) are parsed and preprocessed, including the parsing, preprocessing and precompiling of the set language file, and finally the project is packaged and generated for browsing. The server can directly display the page, the server synchronously performs code detection and uploading to the storage platform, refreshes the data in the page publishing area, and finally generates an online accessible link; at the same time, it is connected to the pipeline to realize the automatic integrated management of R&D code. Refers to a set of pipeline configurations created based on the automation engine as a script implementation for implementing important links in CI&CD. The generation layer also includes related components of Server Side Rendering (SSR).

[0128] The page development method of this embodiment, by creating a comprehensive rich text platform and a powerful online integrated development environment, not only enables developers to independently complete page creation, publishing and management in a WYSIWYG manner, but also provides online R&D services. The ability to edit the page twice and the ability of online code development can realize the online page building and publishing of PC&H5 and other channels, reduce the communication cost and improve the development efficiency; realize the decoupling of the application through the micro front-end service, and each sub-application can be developed independently , independent operation and independent deployment, making page development more convenient and easier to maintain; by improving the ecosystem of the rich text platform, it can connect to the caller to achieve multi-platform cross-end access; realize client services and background services through RPC and Open API Call between terminals; through the state management library, the global state management of the relevant components of the target page is realized from the basic configuration layer, the assembly layer and the generation layer, so that the state of each component can be predicted. Determine the status of other components to improve target page development efficiency and operational reliability.

[0129] Figure 7 It is a schematic structural diagram of a page development apparatus provided in an embodiment of the present invention, and the apparatus may be implemented by software and/or hardware. like Figure 7 As shown, the device includes:

[0130]The creating module 210 is configured to create a page to be developed according to page requirements, where the page requirements are the requirements of the page user for the function of the target page;

[0131] A processing module 220, configured to process the to-be-developed page through a development tool corresponding to the page requirement to obtain the target page, wherein the development tool includes a rich text editor for importing template materials in the template library and/or or an online integrated development environment for editing code;

[0132] The publishing module 230 is configured to publish the target page.

[0133] The page development apparatus of this embodiment, by flexibly using different development tools according to page requirements, can use a rich text editor to import rich template materials, and can also use an online integrated development environment for developers to quickly write codes online, which satisfies the requirements of the page. The diverse needs of function development also improve development efficiency.

[0134] In one embodiment, the page requirements include a first category of requirements related to the template material; the development tool includes the rich text editor;

[0135] The processing module 220 is specifically configured to: obtain the template material in the template library through the material service according to the first type of demand, and edit the page to be developed based on the template material through a rich text editor to obtain the target page.

[0136] In one embodiment, the page requirements include a second type of requirements related to the code; the development tool includes the online integrated development environment;

[0137] The processing module 220 is specifically configured to: obtain a scaffolding tool through a compilation service according to the second type of requirement, and compile the to-be-developed page based on the scaffolding tool and the code through an online integrated development environment to obtain the target page.

[0138] In one embodiment, the page requirements include a first category of requirements related to the template material and a second category of requirements related to the code; the development tool includes the rich text editor and the online integration development environment;

[0139] The processing module 220 is specifically configured to: obtain template materials in the template library through the material service according to the first type of requirements, and edit the to-be-developed page based on the template materials through a rich text editor;

[0140] According to the second type of requirement, a scaffolding tool is obtained through a compilation service, and the target page is obtained by compiling and editing the page to be developed based on the scaffolding tool and the code through an online integrated development environment.

[0141] In one embodiment, the apparatus further includes:

[0142] The first management module is configured to monitor and record in real time at least one of the life cycle, operation authority, development statistics, version information and operation log of the target page through the management service.

[0143] In one embodiment, the apparatus further includes:

[0144] The second management module is configured to perform data embedding on the target page through the data service, and visually display the statistical results of the embedding.

[0145] In one embodiment, the apparatus further includes:

[0146] a building module for building an open platform through a client software development kit service before the target page is published;

[0147] The publishing module 230 includes:

[0148] A splitting unit for splitting the application in the target page into multiple sub-applications through the micro-frontend service;

[0149] The packaging unit is used for packaging each of the sub-applications based on the interface of the open platform and then publishing the sub-applications to the caller.

[0150] In one embodiment, the publishing module 230 includes:

[0151] an access unit, configured to register and authenticate the caller and establish a connection with the caller through the interface of the open platform;

[0152] a receiving unit, configured to receive a call request from the caller to the target page;

[0153] a transmission unit, configured to transmit the target page to the caller according to the call request, so that the caller can review the target page;

[0154] Wherein, the call request adopts the hypertext transfer protocol and/or the remote procedure call framework protocol.

[0155] In one embodiment, the apparatus further includes:

[0156] The file conversion module is used to obtain the interface description file corresponding to the interface of the open platform before receiving the call request for the target page from the caller, and convert the interface description file into remote procedure call file;

[0157] a monitoring module, configured to parse the remote procedure call file to start and monitor the interface service according to the interface;

[0158] The registration module is used for registering the interface service in the routing registration center through the service management proxy service to obtain a route for the caller to send a calling request, and the destination interface of the route is the interface of the open platform.

[0159] In one embodiment, the apparatus further includes:

[0160] a page conversion module for converting the target page into a set language file through a rich text protocol;

[0161] Wherein, the set language file includes at least one of a hypertext markup language file, a cascading style sheet file and a Javascript language file.

[0162] In one embodiment, the apparatus further includes:

[0163] The state management module is used to store and update the component states of the target page in real time from the dimensions of the basic configuration layer, the assembly layer and the generation layer respectively through the state management library;

[0164] Wherein, the basic configuration layer includes the rich text editor and the online integrated development environment;

[0165] The assembly layer includes the template library and a scaffolding tool;

[0166] The generation layer includes a setting language file corresponding to the target page.

[0167] In one embodiment, the template material of the apparatus includes a component template and a page template.

[0168] The above-mentioned page development apparatus can execute the page development method provided by any embodiment of the present invention, and has functional modules and beneficial effects corresponding to the execution method.

[0169] Figure 8 This is a schematic structural diagram of a server provided by an embodiment of the present invention. like Figure 8 As shown, the server provided in this embodiment of the present invention includes: one or more processors 810 and a storage device 820; the processors 810 in the server may be one or more, Figure 8 Take one processor 810 as an example; the storage device 820 is used to store one or more programs; the one or more programs are executed by the one or more processors 810, so that the one or more processors 810 The page development method described in any one of the embodiments of the present invention is implemented.

[0170] The server may further include: an input device 830 and an output device 840 .

[0171] The processor 810, the storage device 820, the input device 830 and the output device 840 in the server may be connected by a bus or other means, Figure 8 Take the connection through the bus as an example.

[0172] The storage device 820 in the server, as a computer-readable storage medium, can be used to store one or more programs, and the programs can be software programs, computer-executable programs, and modules, such as the page development method provided in the embodiment of the present invention Corresponding program instructions/modules (e.g. appendix Figure 5 The modules in the page development apparatus shown include: a creation module 210, a processing module 220, and a publishing module 230). The processor 810 executes various functional applications and data processing of the server by running the software programs, instructions and modules stored in the storage device 820 , ie, implements the page development method in the above method embodiments.

[0173] The storage device 820 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created according to use of a server, and the like. Additionally, storage device 820 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid-state storage device. In some instances, storage device 820 may further include memory located remotely from processor 810, which may be connected to the server through a network. Examples of such networks include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0174] The input device 830 may be used to receive input numerical or character information, and generate key signal input related to user setting and function control of the server. The output device 840 may include a display device such as a display screen.

[0175] In addition, when one or more programs included in the above server are executed by the one or more processors 810, the program performs the following operations: creating a page to be developed according to page requirements, and the page requirements are the requirements of the page user on the target page. function requirements; process the page to be developed through the development tool corresponding to the page requirement to obtain the target page, wherein the development tool includes a rich text editor and/or a rich text editor for importing template materials in the template library An online integrated development environment for editing code; publishes the target page.

[0176] Embodiments of the present invention also provide a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, is used to execute a page development method, the method comprising: creating a page to be developed according to page requirements, the The page requirement is the requirement of the page user for the function of the target page; the development tool corresponding to the page requirement is used to process the page to be developed to obtain the target page, wherein the development tool includes a template for importing a template library A rich text editor for the material and/or an online integrated development environment for editing code; publishing the target page.

[0177] Optionally, when the program is executed by the processor, it can also be used to execute the page development method provided by any embodiment of the present invention.

[0178]The computer storage medium in the embodiments of the present invention may adopt any combination of one or more computer-readable mediums. The computer-readable medium may be a computer-readable signal medium or a computer-readable storage medium. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. More specific examples (non-exhaustive list) of computer readable storage media include: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read only memory (Read Only Memory, ROM), Erasable Programmable Read Only Memory (Erasable Programmable Read Only Memory, EPROM), flash memory, optical fiber, portable CD-ROM, optical storage device, magnetic storage device, or any suitable combination of the above. A computer-readable storage medium can be any tangible medium that contains or stores a program that can be used by or in connection with an instruction execution system, apparatus, or device.

[0179] A computer-readable signal medium may include a propagated data signal in baseband or as part of a carrier wave, with computer-readable program code embodied thereon. Such propagated data signals may take a variety of forms including, but not limited to, electromagnetic signals, optical signals, or any suitable combination of the foregoing. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device .

[0180] Program code embodied on a computer readable medium may be transmitted using any suitable medium, including but not limited to: wireless, wire, optical cable, or radio frequency (RF), etc., or any suitable combination of the foregoing.

[0181] Computer program code for carrying out operations of the present invention may be written in one or more programming languages, including object-oriented programming languages, such as Java, Smalltalk, C++, and conventional A procedural programming language, such as the "C" language or similar programming language. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a local area network (LAN) or wide area network (WAN), or may be connected to an external computer (eg, through the Internet using an Internet service provider) connect).

[0182] Note that the above are only preferred embodiments of the present invention and applied technical principles. Those skilled in the art will understand that the present invention is not limited to the specific embodiments described herein, and various obvious changes, readjustments and substitutions can be made by those skilled in the art without departing from the protection scope of the present invention. Therefore, although the present invention has been described in detail through the above embodiments, the present invention is not limited to the above embodiments, and can also include more other equivalent embodiments without departing from the concept of the present invention. The scope is determined by the scope of the appended claims.