Web page development method and device, terminal equipment and medium

Abstract

The application discloses a webpage development method and device, terminal equipment and a computer readable storage medium, and the method comprises the following steps: starting a preset target service platform, and calling a browser service corresponding to the target service platform; acquiring a browser page of the browser service, and calling a main process page of the target service platform according to the browser page; associating the browser page with the main process page to obtain a target webpage page containing the browser page and the main process page. The application can realize the web of the cabinet service platform, and further improve the service development efficiency.

Description

Technical Field

[0001] This invention relates to the field of data processing technology, and in particular to a web page development method, apparatus, terminal device, and computer-readable storage medium. Background Technology

[0002] With the advancement and development of information technology innovation (referred to as IT innovation), various desktop business platforms are following the trend of web-based internet systems to achieve business web transformation and improve business development efficiency.

[0003] Currently, counter service platforms are generally based on the C# WinForm technology stack, developed using the C# language, and smoothly ported to domestically developed machines, such as computer equipment, through Mono (the open-source software platform Mono is a cross-platform implementation of the .NET Framework).

[0004] However, on computer devices, the CefSharp framework based on C# is commonly used to run business menus involving web pages, which makes it impossible for the framework to run in the aforementioned Mono environment, thus preventing the aforementioned counter service platform from being web-based. Summary of the Invention

[0005] The main objective of this invention is to provide a web page development method, apparatus, terminal device, and computer-readable storage medium, aiming to realize the webification of counter service platforms and thereby improve business development efficiency.

[0006] To achieve the above objectives, the present invention provides a webpage development method, the method comprising the following steps:

[0007] Start the preset target business platform and call the browser service corresponding to the target business platform;

[0008] Obtain the browser page of the browser service, and based on the browser page, call the main process page of the target business platform;

[0009] The browser page is associated with the main process page to obtain a target webpage that includes both the browser page and the main process page.

[0010] Optionally, the step of associating the browser page with the main process page to obtain a target webpage containing both the browser page and the main process page includes:

[0011] Obtain the handle of the first UI control of the browser service, and obtain the handle of the second UI control of the target business platform;

[0012] By using a pre-defined application programming interface, the handle of the first UI control is associated with the handle of the second UI control to embed the browser page into the main process page, thereby obtaining a target webpage containing the browser page and the main process page.

[0013] Optionally, the browser service further includes a browser main process and a rendering process. After the step of associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page, the service further includes:

[0014] Obtain browser change events triggered based on the browser page;

[0015] Through the rendering process and the browser main process, the function request corresponding to the browser change event is sent to the software development kit in the target business platform;

[0016] The browser change event is responded to using the software development kit.

[0017] Optionally, after the step of associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page, the method further includes:

[0018] Obtain page resource requests triggered based on the rendering process;

[0019] The browser's main process sends the page resource request to the software development kit.

[0020] The software development kit is used to determine whether a local page resource corresponding to the page resource request exists.

[0021] If a local page resource corresponding to the requested page resource exists, the local page resource is obtained and returned to the rendering process.

[0022] Optionally, after the step of associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page, the method further includes:

[0023] Obtain window adjustment operations triggered by the page window of the browser page;

[0024] Determine the window operation object corresponding to the window adjustment operation, and send the window adjustment operation to the rendering process according to the window operation object;

[0025] The rendering process performs the window adjustment operation on the page window.

[0026] Optionally, after the step of associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page, the method further includes:

[0027] Obtain a device access request triggered by the browser page, and send the device access request to the rendering process;

[0028] The device access request is sent to the corresponding device service sequentially through the rendering process and the browser main process;

[0029] Access the corresponding device or query device parameters through the device service.

[0030] Optionally, the step of invoking the main process page of the target business platform based on the browser page includes:

[0031] The main process page of the target business platform is invoked through the page's internal scripts.

[0032] To achieve the above objectives, the present invention also provides a webpage development apparatus, the webpage development apparatus comprising:

[0033] The first calling module is used to start a preset target business platform and call the browser service corresponding to the target business platform;

[0034] The second calling module is used to obtain the browser page of the browser service and, based on the browser page, call the main process page of the target business platform;

[0035] The association module is used to associate the browser page with the main process page to obtain a target webpage that includes both the browser page and the main process page.

[0036] To achieve the above objectives, the present invention also provides a terminal device, the terminal device including a memory, a processor, and a web page development program stored in the memory and executable on the processor, wherein the web page development program, when executed by the processor, implements the steps of the web page development method as described above.

[0037] Furthermore, to achieve the above objectives, the present invention also proposes a computer-readable storage medium storing a web page development program, which, when executed by a processor, implements the steps of the web page development method described above.

[0038] To achieve the above objectives, the present invention also provides a computer program product, the computer program product comprising a computer program, which, when executed by a processor, implements the steps of the web page development method described above.

[0039] This invention provides a webpage development method, apparatus, terminal device, computer-readable storage medium, and computer program product. The method involves launching a preset target business platform and invoking the browser service corresponding to the target business platform; obtaining the browser page of the browser service; and, based on the browser page, invoking the main process page of the target business platform; and associating the browser page with the main process page to obtain a target webpage containing both the browser page and the main process page.

[0040] Compared to existing methods for developing web pages for business platforms, this invention allows for the following steps: after starting the business platform and its corresponding browser service, the browser page of the browser service is first obtained. This browser page is then used to call the main process page of the business platform, and the main process page and the browser page are associated to obtain the target web page. This enables users to operate on the main process page and / or the browser page from the target web page, thus realizing the webification of the business platform and ensuring the normal processing of business processes.

[0041] Based on this, the present invention can handle business processing operations through both the browser page and the main process page, covering various types of web services. Furthermore, the target business platform can directly manage the browser service, supporting business processing based on the browser service. Attached Figure Description

[0042] Figure 1 This is a schematic diagram of the hardware operating environment involved in the embodiments of the present invention;

[0043] Figure 2 This is a schematic diagram of the first process of an embodiment of the webpage development method of the present invention;

[0044] Figure 3 This is a schematic diagram of the target webpage association in an embodiment of the webpage development method of the present invention;

[0045] Figure 4 This is a schematic diagram of the Rumweb call structure according to an embodiment of the webpage development method of the present invention;

[0046] Figure 5 This is a schematic diagram illustrating the functional implementation of a target webpage based on an embodiment of the webpage development method of the present invention;

[0047] Figure 6This is a schematic diagram of the local resource acquisition process according to an embodiment of the webpage development method of the present invention;

[0048] Figure 7 This is a schematic diagram illustrating the creation of a JavaScript object according to an embodiment of the webpage development method of the present invention;

[0049] Figure 8 This is a schematic diagram of the functional modules of an embodiment of the web page development device of the present invention.

[0050] The realization of the objective, functional features and advantages of the present invention will be further explained in conjunction with the embodiments and with reference to the accompanying drawings. Detailed Implementation

[0051] It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

[0052] like Figure 1 As shown, Figure 1 This is a schematic diagram of the device structure of the hardware operating environment involved in the embodiments of the present invention.

[0053] The terminal device in this embodiment of the invention can be a smartphone, computer, server, or network device, etc. The terminal device in this embodiment can be used to implement web page development.

[0054] like Figure 1 As shown, the terminal device may include: a processor 1001, such as a CPU; a network interface 1004; a user interface 1003; a memory 1005; and a communication bus 1002. The communication bus 1002 is used to enable communication between these components. The user interface 1003 may include a display screen and an input unit such as a keyboard. Optionally, the user interface 1003 may also include a standard wired interface or a wireless interface. The network interface 1004 may optionally include a standard wired interface or a wireless interface (such as a Wi-Fi interface). The memory 1005 may be high-speed RAM or non-volatile memory, such as a disk drive. Optionally, the memory 1005 may also be a storage device independent of the aforementioned processor 1001.

[0055] Those skilled in the art will understand that Figure 1 The device structure shown does not constitute a limitation on the device for web page development. It may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0056] like Figure 1As shown, the memory 1005, as a computer storage medium, may include an operation module, a network communication module, a user interface module, and a web page development program. The operation module is a program that manages and controls the device's hardware and software resources, supporting the operation of the web page development program and other software or programs. Figure 1 In the device shown, the user interface 1003 is mainly used for data communication with the client; the network interface 1004 is mainly used for establishing a communication connection with the server; and the processor 1001 can be used to call the web page development program stored in the memory 1005 and perform the following operations:

[0057] Start the preset target business platform and call the browser service corresponding to the target business platform;

[0058] Obtain the browser page of the browser service, and based on the browser page, call the main process page of the target business platform;

[0059] The browser page is associated with the main process page to obtain a target webpage that includes both the browser page and the main process page.

[0060] Furthermore, the processor 1001 can be used to call the web page development program stored in the memory 1005 and perform the following operations:

[0061] Obtain the handle of the first UI control of the browser service, and obtain the handle of the second UI control of the target business platform;

[0062] By using a pre-defined application programming interface, the handle of the first UI control is associated with the handle of the second UI control to embed the browser page into the main process page, thereby obtaining a target webpage containing the browser page and the main process page.

[0063] Furthermore, the browser service also includes a browser main process and a rendering process. After the step of associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page, the processor 1001 can be used to call the webpage development program stored in the memory 1005 and perform the following operations:

[0064] Obtain browser change events triggered based on the browser page;

[0065] Through the rendering process and the browser main process, the function request corresponding to the browser change event is sent to the software development kit in the target business platform;

[0066] The browser change event is responded to using the software development kit.

[0067] Furthermore, after the step of associating the browser page with the main process page to obtain a target webpage containing both the browser page and the main process page, the processor 1001 can call the webpage development program stored in the memory 1005 and perform the following operations:

[0068] Obtain page resource requests triggered based on the rendering process;

[0069] The browser's main process sends the page resource request to the software development kit.

[0070] The software development kit is used to determine whether a local page resource corresponding to the page resource request exists.

[0071] If a local page resource corresponding to the requested page resource exists, the local page resource is obtained and returned to the rendering process.

[0072] Furthermore, after the step of associating the browser page with the main process page to obtain a target webpage containing both the browser page and the main process page, the processor 1001 can call the webpage development program stored in the memory 1005 and perform the following operations:

[0073] Obtain window adjustment operations triggered by the page window of the browser page;

[0074] Determine the window operation object corresponding to the window adjustment operation, and send the window adjustment operation to the rendering process according to the window operation object;

[0075] The rendering process performs the window adjustment operation on the page window.

[0076] Furthermore, after the step of associating the browser page with the main process page to obtain a target webpage containing both the browser page and the main process page, the processor 1001 can call the webpage development program stored in the memory 1005 and perform the following operations:

[0077] Obtain a device access request triggered by the browser page, and send the device access request to the rendering process;

[0078] The device access request is sent to the corresponding device service sequentially through the rendering process and the browser main process;

[0079] Access the corresponding device or query device parameters through the device service.

[0080] Furthermore, the processor 1001 can be used to call the web page development program stored in the memory 1005 and perform the following operations:

[0081] The main process page of the target business platform is invoked through the page's internal scripts.

[0082] In this invention, based on the above background technology description, as the work of information technology innovation gradually advances, various systems and desktop programs (such as business systems and desktops within banks) are facing migration and transformation for information technology innovation machines.

[0083] For example, the current desktop operation platform aims to integrate the desktop systems such as CMBRun, FTS, and CMBRAs currently used by business personnel, and to construct a business processing workflow based on web services, keeping pace with the web-based transformation of internet systems.

[0084] Currently, all counter desktop programs are generally based on the C# WinForm technology stack. For example, they are developed using the C# language and smoothly ported to domestically developed IT machines using Mono.

[0085] On Windows, the CefSharp framework, based on C#, is commonly used to run business menus that involve web pages.

[0086] However, the C# CefSharp framework mentioned above cannot run in the Mono environment, making the business page menus on the web page incompatible with the desktop system, thus affecting the normal operation of business.

[0087] Therefore, in order to solve the above problems, adapt to the requirements of information technology innovation transformation, and support various types of web-based services, this invention needs to adopt a web page presentation scheme that can be universally applied to various desktop applications. The web page in this invention has at least the following advantages: it supports cross-platform compatibility (as required by information technology innovation); it provides browser capabilities (i.e., supports front-end web-based services); and it can be embedded into C# programs (allowing the Kaiyang Desktop Operation Platform, based on the C# technology stack, to uniformly manage and load it).

[0088] To achieve cross-platform support and provide browser capabilities, this invention introduces CEF (Chromium Embedded Framework), a Google Chromium open-source project written in C / C++. It supports cross-platform compatibility, implements a complete browser kernel, and provides web rendering and JavaScript execution capabilities on desktop. Furthermore, to enable embedding into C# programs, based on the aforementioned CEF and after preliminary technical research, we introduced the QT development framework. Through the APIs provided by QT, we associate the UI control handles generated by CEF with the UI control handles of C# WinForms, thereby embedding the web page controls provided by CEF into WinForm controls.

[0089] Specifically, the webpage development method proposed in this invention refers to... Figure 2 , Figure 2 This is a flowchart illustrating the first embodiment of the webpage development method of the present invention.

[0090] This invention provides an embodiment of a web page development method. It should be noted that although the logical order is shown in the flowchart, in some cases, the steps shown or described may be executed in a different order than that shown here.

[0091] The webpage development method in this embodiment specifically includes the following steps:

[0092] Step S10: Start the target business platform and start the browser service of the target business platform;

[0093] It should be noted that in this embodiment, the target business platform may include a counter service system, wherein the target business platform is developed based on Rumweb (Real User Monitoring web, used to capture and analyze user interaction details with the website). Rumweb is a browser service developed based on the Chromium Embedded Framework (CEF), providing browser display and business support extensions for applications. Because Rumweb is based on Chromium, it supports most of the features developed for the Chrome browser. Rumweb also inherits cross-platform characteristics, running on Windows and UOS. Rumweb is a browser-enabled service process.

[0094] The terminal device can first start the target business platform. After the target business platform starts the program, it can call and start rumweb (i.e., the browser service in this embodiment) through the C# SDK (Software Development Kit) provided by rumweb to display the corresponding browser page in Kaiyang.

[0095] Step S20: Obtain the browser page of the browser service, and call the main process page of the target business platform through the browser page;

[0096] Step S30: Associate the browser page with the main process page to obtain a target webpage containing the browser page and the main process page.

[0097] After starting the aforementioned browser service, the terminal device can obtain the browser page (i.e., web interface) of the browser service, and then call the aforementioned Kaiyang main process page (i.e., C# page) through the web interface.

[0098] Furthermore, the terminal device can associate the aforementioned web interface with the C# page to obtain a target web page that includes both the web interface and the C# page.

[0099] Specifically, for example, such as Figure 3 As shown in the image, this is the Kaiyang homepage. The left-hand menu buttons and the top header are C# interfaces, while the middle section is the web interface displayed by rumweb. At this point, the C# page of the Kaiyang main process and the web interface displayed in the rumweb process are presented on the same page (i.e., the target web page in this embodiment), allowing users to operate the web interface and C# page as a single application.

[0100] In one embodiment, such as Figure 5 As shown, a web page can embed a C# page. In this embodiment, the size of the C# page in the web page is not specifically limited. In order to ensure that the web page can embed the C# page, the size of the web page can be smaller than the size of the C# page.

[0101] Therefore, in this embodiment, the terminal device can first start the target business platform. After the Kaiyang program starts, it can call Rumweb (i.e., the browser service in this embodiment) through the C# SDK (Software Development Kit) provided by Rumweb. After starting the browser service, the terminal device can obtain the browser page (i.e., the web interface) of the browser service, and then call the main process page (i.e., the C# page) of Kaiyang through the web interface. Furthermore, the terminal device can associate the web interface with the C# page to obtain a target web page containing both the web interface and the C# page.

[0102] Compared to the existing technology of developing web pages for business platforms, in this invention, after starting the business platform and its corresponding browser service, the browser page of the browser service is first obtained, and the main process page of the business platform is called using the browser page. The main process page and the browser page are then associated and displayed on the target web page, enabling users to operate on the main process page and / or the browser page on the target web page, thereby achieving normal processing of business processes and realizing the webification of the business platform.

[0103] Based on this, the present invention can enable business processing operations to be performed jointly by the browser page and the main process page, supporting various types of web services, and the main target business platform can directly manage the browser service, realizing a business processing flow based on web services.

[0104] Furthermore, based on the first embodiment of the webpage development of the present invention, a second embodiment of the webpage development of the present invention is proposed.

[0105] In this embodiment, step S30 above, "associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page," may include:

[0106] Step S301: Obtain the handle of the first UI control of the browser service and the handle of the second UI control of the target business platform;

[0107] Step S302: Through a preset application programming interface, associate the first UI control handle with the second UI control handle to embed the browser page into the main process page, thereby obtaining a target webpage containing the browser page and the main process page.

[0108] It should be noted that, in this embodiment, in order to embed a web page in a C# program and obtain the following... Figure 3The target web page shown requires functional enhancements to rumweb, specifically, exposing rumweb's Socket service, such as... Figure 4 As shown, the rumwebsdk in the target business process connects to the rumweb service. The rumweb service API (i.e., the application programming interface in this embodiment) mainly includes operations such as creating a browser page, returning the corresponding page ID, executing JavaScript on a single page, and closing the browser window.

[0109] Based on this, the terminal device can obtain the UI control handle generated by the embedded frame (CEF) in the browser service (i.e., the first UI control handle in this embodiment), and obtain the second UI control handle of C# WinForm in the target business platform.

[0110] Furthermore, the terminal device can associate the first UI control handle with the second UI control handle to embed the web interface (i.e., the browser page) into the C# interface (main process page).

[0111] Therefore, this embodiment can embed the web page controls provided by CEF into WinForm controls, such as... Figure 3 As shown, a hybrid programming platform integrating web pages and C# pages has been implemented, enabling business operations that cannot be performed by a browser to be completed by the business platform. This not only enables the web-based processing of business functions but also enhances business processing capabilities.

[0112] Furthermore, when the browser service includes a rendering process, a browser main process, and the browser page, after step S30 above, "associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page," the following may also be included:

[0113] Step S40: Obtain browser change events triggered based on the browser page;

[0114] Step S50: The browser change event is sent to the software development kit for the browser service in the target business platform through the rendering process and the browser main process.

[0115] Step S60: Respond to the browser change event using the software development kit.

[0116] It should be noted that, in this embodiment, as Figure 5As shown, the browser service rumweb in this embodiment includes at least the browser main process, the rendering process, and browser pages (i.e., web pages). Based on this, rumweb can perform various operations, such as web page creation, communication between multiple web pages, local device query, and page resource request.

[0117] Based on this, after constructing and displaying the target web page containing web pages and C# pages, users can perform corresponding operations on the target web page. For example, users can execute browser change events, which can include: keyboard events, opening new pages, and inter-page communication.

[0118] The terminal device can obtain the browser change events triggered by the user. Furthermore, such as... Figure 5 As shown, the function request corresponding to the browser change event can be sent to the rendering process, and then the browser main process can send the function request from the rendering process to the software development kit rumwebsdk in the business platform.

[0119] RumWebSDK can respond to the aforementioned browser change events, such as creating new browser pages (browser change event is opening a new page) or establishing communication connections with other browser pages (browser change event is inter-page communication).

[0120] In one embodiment, in order to respond to browser change events, a portion of a JavaScript object can be added to the runtime context of v8 (the engine that executes JavaScript) during the rendering process, and this object can be implemented on the C++ side (i.e., the business platform side) to respond to the aforementioned browser change events.

[0121] Therefore, in this embodiment, users can perform corresponding operations on the web page corresponding to the browser service rumweb and trigger corresponding events. The browser service rumweb can send the events to the business platform through the rendering process and the browser main process, and the rumwebsdk in the business platform will respond. It can be seen that the browser service rumweb and rumwebsdk work together to achieve smooth business processing and provide feedback to the user through the browser page, ensuring the web-based nature of the business platform without affecting business processing.

[0122] Furthermore, after step S30 above, "associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page," the following may also be included:

[0123] Step S70: Obtain the page resource request triggered based on the rendering process;

[0124] Step S80: The page resource request is sent to the software development kit through the browser main process;

[0125] Step S90: Determine whether a local page resource corresponding to the page resource request exists using the software development kit.

[0126] Step S100: If a local page resource corresponding to the page resource request exists, then the local page resource is obtained and returned to the rendering process.

[0127] It should be noted that, in this embodiment, as Figure 6 As shown, due to limited network bandwidth, page resources can be localized. When a page requests a resource, it checks if the resource exists locally. If it does, the local file is used and the page is returned. Local resources can be published to the business platform directory through Thunderbird.

[0128] Specifically, for example, a user can trigger a corresponding page resource request through the rendering process.

[0129] After the terminal device receives the request for the page resource, such as Figure 5 As shown, the browser's main process can forward the page resource request to the RumWebSDK software application development kit in the business platform.

[0130] RumWebSDK can determine whether the local page resource corresponding to the page resource request exists in the aforementioned directory. If the local page resource corresponding to the page resource request exists, it can be returned to the rendering process; otherwise, the server retrieves the page resource corresponding to the local page resource request and returns it to the rendering process. A communication connection has been pre-established between the server and the business platform.

[0131] Therefore, in this embodiment, local backup of page resources can effectively save network bandwidth and improve the efficiency of page resource acquisition.

[0132] Furthermore, after step S30 above, "associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page," the following may also be included:

[0133] Step S110: Obtain the window adjustment operation triggered by the page window based on the browser page;

[0134] Step S120: Determine the window operation object corresponding to the window adjustment operation, and send the window adjustment operation to the rendering process through the window operation object in the browser service;

[0135] Step S130: Perform the window adjustment operation on the page window through the rendering process.

[0136] It should be noted that in this embodiment, users can manipulate the window on the web page (e.g., drag, resize, position, etc.). However, due to some business requirements, the window's position and size need to be controlled by the business interface. Therefore, Rumweb provides a window manipulation object. The web page's JavaScript can use this object to notify the C++ in the rendering process, which then calls the window interface to perform the corresponding operations. Figure 7 As shown in the diagram, the object rumWebWindow is a window manipulation object created in C++.

[0137] Based on this, users can trigger corresponding window adjustment operations on the browser page window, such as dragging the page window, setting the page window size and position, etc.

[0138] After the terminal device receives the window adjustment operation triggered by the user, it can determine the window operation object corresponding to the window adjustment operation, and then send the window adjustment operation to the rendering process through the window operation object.

[0139] The rendering process (C++) can call the corresponding window interface to perform the aforementioned window adjustment operations.

[0140] Therefore, in this embodiment, the browser window adjustment can be implemented only in the browser service rumweb, without the need for the business platform to execute instructions, which reduces the workload of the business platform and improves the response efficiency of the page window adjustment.

[0141] Furthermore, after step S30 above, "associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page," the following may also be included:

[0142] Step S140: Obtain a device access request triggered by the browser page and send the device access request to the rendering process;

[0143] Step S150: The device access request is sent to the corresponding device service sequentially through the rendering process and the browser main process;

[0144] Step S160: Access the corresponding device or query device parameters through the device service.

[0145] In this embodiment, as Figure 5 As shown, users can invoke devices or view parameters through the web page, and trigger corresponding device access requests.

[0146] After the terminal device receives the aforementioned device access request, such as Figure 5 As shown, the device access request can be processed by a function through the rendering process, and the processed device access request can be distributed to the corresponding service, such as the device service or the parameter service, so that the device can be accessed through the device service or the device parameters can be queried through the parameter service.

[0147] In one embodiment, such as Figure 5 As shown, users can also query their local IP address and MAC address through a web page and trigger a corresponding query request. The browser service on the terminal device can send this query request from the browser page to the rendering process, which then obtains the local IP address and MAC address corresponding to the query request and returns them to the browser page for display.

[0148] Therefore, in this embodiment, in addition to opening new pages, dragging and dropping pages, and communicating through the browser service rumweb on the browser page, users can also call devices and query device parameters, which meets the diverse needs of users and reduces the pressure on the business platform.

[0149] Furthermore, in step S20 above, "calling the main process page of the target business platform according to the browser page" may include:

[0150] Step S201: The main process page of the target business platform is called through the page-internal script of the browser page.

[0151] It should be noted that, in this embodiment, according to the above description, the terminal device can first start the business platform. After the business platform starts the program, it can call and start rumweb and the web pages in rumweb through the C# SDK (Software Development Kit) provided by rumweb.

[0152] Based on this, terminal devices can use the in-page scripts (i.e., JS) of web pages to call C# pages (i.e., main process pages) in the business platform.

[0153] Furthermore, the terminal device can combine the aforementioned web page and C# page to obtain, for example... Figure 3 The target web page shown.

[0154] Therefore, this embodiment can embed the web page controls provided by CEF into WinForm controls, realizing a hybrid programming platform for web pages and C# pages. This allows business operations that cannot be performed by the browser to be completed by the business platform, improving business processing capabilities while enabling web-based business operations. Furthermore, users can perform corresponding operations on the web page corresponding to the browser service rumweb and trigger corresponding events. The browser service rumweb can send the events to the business platform through the rendering process and the browser's main process, where the rumwebsdk responds. It is evident that the browser service rumweb and the rumwebsdk work together to achieve smooth business processing and provide feedback to the user through the browser page, ensuring the web-based nature of the business platform without affecting business processing. Additionally, local backup of page resources effectively saves network bandwidth and improves page resource acquisition efficiency. Moreover, browser window adjustments can be implemented solely within the browser service rumweb, without requiring commands from the business platform, reducing the workload of the business platform and improving the response efficiency of page window adjustments. Device invocation and device parameter queries are also possible, meeting diverse user needs.

[0155] Furthermore, embodiments of the present invention also propose a web page development apparatus, referring to... Figure 8 The webpage development device includes:

[0156] The first calling module 10 is used to start a preset target business platform and call the browser service corresponding to the target business platform;

[0157] The second calling module 20 is used to obtain the browser page of the browser service and, based on the browser page, call the main process page of the target business platform;

[0158] The association module 30 is used to associate the browser page with the main process page to obtain a target webpage containing the browser page and the main process page.

[0159] The extended content of the specific implementation of the web page development device of the present invention is basically the same as the various embodiments of the web page development method described above, and will not be repeated here.

[0160] Furthermore, embodiments of the present invention also propose a computer-readable storage medium storing a web page development program, which, when executed by a processor, implements the steps of the web page development method described above.

[0161] The various embodiments of the web page development device and computer-readable storage medium of the present invention can be referred to the various embodiments of the web page development method of the present invention, and will not be repeated here.

[0162] It should be noted that, in this document, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or system that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or system. Unless otherwise specified, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or system that includes that element.

[0163] The sequence numbers of the above embodiments of the present invention are for descriptive purposes only and do not represent the superiority or inferiority of the embodiments.

[0164] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of the present invention, or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions to cause a terminal device (which may be a smartphone, computer, server, network device, etc.) to execute the methods described in the various embodiments of the present invention.

[0165] The above are merely preferred embodiments of the present invention and do not limit the scope of the patent. Any equivalent structural or procedural transformations made based on the description and drawings of the present invention, or direct or indirect applications in other related technical fields, are similarly included within the scope of patent protection of the present invention.

Claims

1. A webpage development method, characterized in that, The webpage development method includes: The preset target business platform is launched, and the browser service corresponding to the target business platform is invoked; the browser service includes the browser main process and the rendering process; the target business platform is developed based on Rumweb, which is used to capture and analyze the interaction details between users and the website. Obtain the browser page of the browser service, and based on the browser page, call the main process page of the target business platform; Associating the browser page with the main process page to obtain a target webpage containing the browser page and the main process page specifically includes: obtaining a first UI control handle of the browser service and obtaining a second UI control handle of the target business platform; associating the first UI control handle with the second UI control handle through a preset application programming interface to embed the browser page into the main process page, thereby obtaining a target webpage containing the browser page and the main process page; Obtain browser change events triggered based on the browser page; Through the rendering process and the browser main process, the function request corresponding to the browser change event is sent to the software development kit in the target business platform; The browser change event is responded to using the software development kit. The step of associating the first UI control handle with the second UI control handle through a preset application programming interface to embed the browser page into the main process page, thereby obtaining a target webpage containing the browser page and the main process page, further includes: Enhance the functionality of Rumweb by exposing its Socket service.

2. The webpage development method as described in claim 1, characterized in that, After the step of associating the browser page with the main process page to obtain a target webpage containing both the browser page and the main process page, the method further includes: Obtain page resource requests triggered based on the rendering process; The browser's main process sends the page resource request to the software development kit. The software development kit is used to determine whether a local page resource corresponding to the page resource request exists. If a local page resource corresponding to the requested page resource exists, the local page resource is obtained and returned to the rendering process.

3. The webpage development method as described in claim 1, characterized in that, After the step of associating the browser page with the main process page to obtain a target webpage containing both the browser page and the main process page, the method further includes: Obtain window adjustment operations triggered by the page window of the browser page; Determine the window operation object corresponding to the window adjustment operation, and send the window adjustment operation to the rendering process according to the window operation object; The rendering process performs the window adjustment operation on the page window.

4. The webpage development method as described in claim 1, characterized in that, After the step of associating the browser page with the main process page to obtain a target webpage containing both the browser page and the main process page, the method further includes: Obtain a device access request triggered by the browser page, and send the device access request to the rendering process; The device access request is sent to the corresponding device service sequentially through the rendering process and the browser main process; Access the corresponding device or query device parameters through the device service.

5. The webpage development method as described in claim 1, characterized in that, The step of calling the main process page of the target business platform based on the browser page includes: The main process page of the target business platform is invoked through the page's internal scripts.

6. A webpage development device, characterized in that, The webpage development device includes: The first calling module is used to start a preset target business platform and call the browser service corresponding to the target business platform; the browser service includes a browser main process and a rendering process; the target business platform is developed based on Rumweb, which is used to capture and analyze the interaction details between users and the website. The second calling module is used to obtain the browser page of the browser service and, based on the browser page, call the main process page of the target business platform; The association module is used to associate the browser page with the main process page to obtain a target webpage containing both the browser page and the main process page. The association module is also used to obtain a first UI control handle of the browser service and a second UI control handle of the target business platform. Through a preset application programming interface, the first UI control handle and the second UI control handle are associated to embed the browser page into the main process page, resulting in a target webpage containing both the browser page and the main process page. The association module is also used to enhance the functionality of Rumweb by exposing Rumweb's Socket service. The response module is used to acquire browser change events triggered by the browser page; send the function request corresponding to the browser change event to the software development kit in the target business platform through the rendering process and the browser main process; and respond to the browser change event through the software development kit.

7. A terminal device, characterized in that, The terminal device includes a memory, a processor, and a web page development program stored in the memory and executable on the processor. When the web page development program is executed by the processor, it implements the steps of the web page development method as described in any one of claims 1 to 5.

8. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a web page development program, which, when executed by a processor, implements the steps of the web page development method as described in any one of claims 1 to 5.

Images