Trial method, device, electronic device and storage medium of application program

Abstract

This application provides a method, apparatus, electronic device, and storage medium for trying out an application, relating to the field of cloud technology. The method includes: displaying a user interface for the application, the user interface including a first control for trying out the application; responding to a trigger operation on the first control, displaying first prompt information for at least one function to be tried and loading a pre-configured tutorial component, the tutorial component including a first interface corresponding to each function to be tried; responding to a trial operation on a target function among the functions to be tried, if it is determined that the first interface corresponding to the target function has been configured with simulation data, generating and displaying trial results based on the configured simulation data. This application provides users with a good trial experience, and because it achieves non-intrusive, full-business-scenario experiential teaching by loading components, it guides users to experience the actual functions of the product more quickly.

Description

Technical Field

[0001] This application relates to the field of cloud service technology, and more specifically, to a method, apparatus, electronic device, and storage medium for testing an application. Background Technology

[0002] To guide users to purchase / use applications, developers often provide experiential learning, giving users the opportunity to try and understand the application, thereby better promoting it.

[0003] Existing experiential learning methods for applications fall into two categories. One is to simply use text, images, and videos to demonstrate the capabilities of each business module to the user. This approach is relatively simple, fragmented, and tedious, resulting in a weak sense of user engagement.

[0004] Another approach is to have developers add entirely new business logic code, starting from scratch, to implement the capabilities of each business module that needs to be tested, ultimately resulting in an application specifically for trial use. This application is separate from the officially used application, which not only involves a large amount of development work but also hinders subsequent continuous feature iteration. Summary of the Invention

[0005] This application provides a method, apparatus, electronic device, and storage medium for testing an application. The technical solution is as follows:

[0006] According to a first aspect of the embodiments of this application, a method for testing an application is provided, the method comprising:

[0007] Show the application's user interface, which includes the first controls for trying out the application;

[0008] In response to a trigger operation on the first control, display a first prompt message for at least one function to be tried and load a pre-configured tutorial component, the tutorial component including at least one first interface corresponding to each function to be tried;

[0009] In response to a trial operation for a target function among at least one trial function, if it is determined that the first interface corresponding to the target function has been configured with simulation data, the trial results are generated and displayed based on the configured simulation data.

[0010] As an optional embodiment, in response to trying out at least one target function among the functions to be tried, the following is included:

[0011] In response to a trial operation of a target feature, display the corresponding operation tutorial and initial operation page for the target feature;

[0012] The operation tutorial includes a second prompt message for at least one step, and the initial operation page is the operation page corresponding to the first step in the operation tutorial. The initial operation page includes a second control corresponding to the execution of the first step.

[0013] As an optional embodiment, if it is determined that the first interface corresponding to the target function has been configured with simulation data, then the trial results are generated and displayed based on the configured simulation data, including:

[0014] In response to the trial operation of the third control in the operation page corresponding to the current step, if it is determined that the target first interface in the tutorial component corresponding to the current step is configured with simulated data, then jump to the operation page corresponding to the next step and display the trial result generated based on the simulated data in the operation page corresponding to the next step.

[0015] In this case, when the operation page corresponding to the current step is the initial operation page, the third control is the second control.

[0016] As an optional embodiment, in response to a trial operation of a third control on the operation page corresponding to the current step, the method further includes:

[0017] If it is determined that the target first interface in the tutorial component corresponding to the current step is not configured with simulated data, then jump to the operation page corresponding to the next step, and display the trial results generated based on real data on the operation page corresponding to the next step;

[0018] The actual data is obtained by requesting it from the server through a pre-configured second interface in the application.

[0019] As an optional embodiment, in response to a trial operation of a third control on the operation page corresponding to the current step, the method further includes:

[0020] Highlight the third control and display its third prompt message.

[0021] As an optional embodiment, the tutorial component also includes configuration information for the target function, which includes the target DOM node related to the third control in the operation page corresponding to each step;

[0022] Highlighting the third control includes:

[0023] Obtain the target DOM node related to the third control from the configuration information, and highlight the display area corresponding to the third control in the operation interface based on the target DOM node.

[0024] As an optional embodiment, the configuration information also includes one or more of the following:

[0025] The routing information, initialization operations, display location of prompts for each step, and verification rules before executing the next step.

[0026] As an optional embodiment, the corresponding operation results are displayed based on the configured simulation data, and the method further includes:

[0027] In response to the end of the trial period for the application, the tutorial component is removed.

[0028] According to a second aspect of the embodiments of this application, a trial device for an application is provided, the device comprising:

[0029] Use the interface display module to display the application's user interface, which includes the first control for trying out the application.

[0030] The component loading module is used to respond to the trigger operation of the first control, display the first prompt information of at least one function to be tried and load the pre-configured tutorial component, which includes at least one first interface corresponding to each function to be tried;

[0031] The trial response module is used to respond to trial operations for at least one of the target functions in the trial. If it is determined that the first interface corresponding to the target function has been configured with simulation data, the trial results are generated and displayed based on the configured simulation data.

[0032] As an optional embodiment, a response module is used, including:

[0033] The initial interface unit is used to respond to trial operations of the target function, displaying the corresponding operation tutorial and initial operation page for the target function;

[0034] The tutorial includes at least one second prompt message for each step. The initial operation page corresponds to the first step in the tutorial and includes a second control corresponding to the execution of the first step.

[0035] As an optional embodiment, the trial response module also includes:

[0036] The first interface calling unit is used to respond to the trial operation of the third control in the operation page corresponding to the current step. If it is determined that the target first interface configuration simulation data in the tutorial component corresponds to the current step, it will jump to the operation page corresponding to the next step and display the trial result generated based on the simulation data in the operation page corresponding to the next step.

[0037] In this case, when the operation page corresponding to the current step is the initial operation page, the third control is the second control.

[0038] As an optional embodiment, the trial response module also includes:

[0039] The second interface calling unit is used to jump to the operation page corresponding to the next step if it is determined that the tutorial component includes the target first interface corresponding to the current step without configured simulation data, and to display the trial results generated based on real data on the operation page corresponding to the next step.

[0040] The actual data is obtained by requesting it from the server through a pre-configured second interface in the application.

[0041] As an optional embodiment, the trial response module also includes:

[0042] The highlighting module is used to highlight the third control and display its third prompt information before responding to the trial operation of the third control on the operation page corresponding to the current step.

[0043] As an optional embodiment, the tutorial component also includes configuration information for the target function, which includes the target DOM node related to the third control in the operation page corresponding to each step;

[0044] The highlighting module is specifically used to: obtain the target DOM node related to the third control from the configuration information, and highlight the display area corresponding to the third control in the operation interface based on the target DOM node.

[0045] As an optional embodiment, the configuration information also includes one or more of the following:

[0046] The routing information, initialization operations, display location of prompts for each step, and verification rules before executing the next step.

[0047] As an optional embodiment, the trial device further includes:

[0048] The component removal module is used to remove tutorial components in response to the end of the trial period for the application.

[0049] According to another aspect of the embodiments of this application, an electronic device is provided, the electronic device including a memory, a processor, and a computer program stored in the memory, wherein the processor executes the computer program to implement the steps of the trial method of the application of the first aspect.

[0050] According to another aspect of the embodiments of this application, a computer-readable storage medium is provided, having a computer program that, when executed by a processor, implements the steps of the trial method of the application of the first aspect.

[0051] According to one aspect of the embodiments of this application, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps of a trial method for an application of the first aspect.

[0052] The beneficial effects of the technical solutions provided in this application are:

[0053] By showcasing the application's user interface, including a first control for trying out the application—providing users with an opportunity to try it out directly from the actual user interface—rather than offering a separate trial interface or a dedicated trial version, this approach lays the foundation for users to gain a genuine user experience from the outset, increasing user trust in the application. Responding to actions triggered by the first control, it displays at least one prompt message for the function to be used, helping users understand the application's capabilities and laying the groundwork for targeted function tutorials / trials. Simultaneously, a pre-configured tutorial component is loaded, containing at least one first interface corresponding to each function to be used. Responding to trial actions for the target function, by calling the corresponding first interface, pre-configured simulated data can be retrieved, and trial results can be generated and displayed based on this data. This provides users with a good trial experience, and because it achieves non-intrusive, full-business-scenario experiential teaching through component loading, it guides users to quickly experience the product's actual functionality. This non-intrusive, configurable solution improves development efficiency and facilitates continuous feature iteration. Attached Figure Description

[0054] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments of this application will be briefly introduced below.

[0055] Figure 1 This is a schematic diagram of the implementation environment involved in the embodiments of this application;

[0056] Figure 2 A flowchart illustrating a trial method for an application provided in this embodiment of the application;

[0057] Figure 3 A schematic diagram of a user interface for an application provided in an embodiment of this application;

[0058] Figure 4 An interface for displaying a trial function of an application provided in an embodiment of this application;

[0059] Figure 5 A schematic diagram of the initial operation page for placing a trial product bundle order function provided in an embodiment of this application;

[0060] Figure 6 A schematic diagram of the operation page corresponding to the second step of the trial product bundle ordering function provided in the embodiments of this application;

[0061] Figure 7 A schematic diagram of the operation page corresponding to the third step of the trial product bundle ordering function provided in the embodiments of this application;

[0062] Figure 8 A flowchart illustrating a trial method for an application provided in another embodiment of this application;

[0063] Figure 9 This is a schematic diagram of the DOM tree structure provided in an embodiment of this application;

[0064] Figure 10 A flowchart illustrating a trial method for an application provided in another embodiment of this application;

[0065] Figure 11 A schematic diagram of the structure of a trial device for an application provided in this application embodiment;

[0066] Figure 12 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Detailed Implementation

[0067] The embodiments of this application are described below with reference to the accompanying drawings. It should be understood that the embodiments described below with reference to the accompanying drawings are exemplary descriptions for explaining the technical solutions of the embodiments of this application, and do not constitute a limitation on the technical solutions of the embodiments of this application.

[0068] Those skilled in the art will understand that, unless specifically stated otherwise, the singular forms “a,” “an,” “the,” and “the” used herein may also include the plural forms. It should be further understood that the terms “comprising” and “including” as used in embodiments of this application mean that the corresponding feature can be implemented as the presented feature, information, data, step, operation, element, and / or component, but do not exclude implementation as other features, information, data, step, operation, element, component, and / or combinations thereof supported by the art. It should be understood that when we say that an element is “connected” or “coupled” to another element, the one element can be directly connected or coupled to the other element, or it can mean that the one element and the other element establish a connection relationship through an intermediate element. Furthermore, “connected” or “coupled” as used herein can include wireless connection or wireless coupling. The term “and / or” as used herein indicates at least one of the items defined by the term; for example, “A and / or B” can be implemented as “A,” or as “B,” or as “A and B.”

[0069] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0070] First, let's introduce and explain several terms used in this application:

[0071] Mock data, or simulated data, is often used in project development when a problem arises: after the front-end development is completed, it needs to wait for the back-end integration testing, but the back-end has not yet reached the integration testing state for some reason. For projects with strong front-end and back-end dependencies, the front-end can create mock data for testing, thus avoiding the need to wait for the back-end to provide a real response.

[0072] An interface (software class interface) is a reference type that defines a contract. Other types implement interfaces to ensure they support certain operations. An interface specifies members that must be provided by a class or other interfaces that implement it. Similar to classes, interfaces can contain methods, properties, indexers, and events as members.

[0073] The application methods, devices, electronic devices, computer-readable storage media, and computer program products provided in this application are intended to solve the above-mentioned technical problems of the prior art.

[0074] The technical solutions of this application and their effects are described below through several exemplary embodiments. It should be noted that the following embodiments can be referenced, borrowed from, or combined with each other. Identical terms, similar features, and similar implementation steps in different embodiments will not be repeated.

[0075] Please see Figure 1 , Figure 1 An exemplary schematic diagram illustrates the implementation environment involved in the embodiments of this application, such as... Figure 1 As shown, the implementation environment 100 may include one or more of terminal devices 110, 120, and 130, a network 140, and a server 150.

[0076] Network 140 is a medium used to provide a communication link between terminal devices 110, 120, 130 and server 150. Network 140 may include various connection types, such as wired or wireless communication links or fiber optic cables, etc.

[0077] It should be understood that Figure 1The number of terminal devices, networks, and servers shown is merely illustrative. Depending on implementation needs, there can be any number of terminal devices, networks, and servers. For example, server 150 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services.

[0078] The server execution method in this application embodiment can be implemented in the form of cloud computing. Cloud computing is a computing model that distributes computing tasks across a resource pool composed of a large number of computers, enabling various application systems to obtain computing power, storage space, and information services as needed. The network providing resources is called the "cloud." From the user's perspective, resources in the "cloud" are infinitely scalable, readily available, on-demand, expandable, and pay-as-you-go.

[0079] As a provider of fundamental cloud computing capabilities, a cloud resource pool (referred to as a cloud platform, generally called an IaaS (Infrastructure as a Service) platform) is established. Various types of virtual resources are deployed in the resource pool for external customers to choose from. The cloud resource pool mainly includes: computing devices (virtualized machines containing operating systems), storage devices, and network devices.

[0080] Based on logical function, a PaaS (Platform as a Service) layer can be deployed on top of the IaaS (Infrastructure as a Service) layer, and a SaaS (Software as a Service) layer can be deployed on top of the PaaS layer. Alternatively, SaaS can be deployed directly on top of IaaS. PaaS is a platform for running software, such as databases and web containers. SaaS refers to various types of business software, such as web portals and bulk SMS senders. Generally speaking, SaaS and PaaS are upper layers compared to IaaS.

[0081] Users can use terminal devices 110, 120, and 130 to interact with server 150 via network 140 to receive or send messages, etc. Terminal devices 110, 120, and 130 can be various electronic devices with displays and web browsing capabilities, including but not limited to smartphones, tablets, laptops, desktop computers, wearable devices, virtual reality devices, smart home devices, in-vehicle devices, etc.

[0082] The terminal has a target application installed on it, which provides services through server 150. The target application can be an application or an operating system. For example, the target application can be a chat, navigation, search, or browsing application. The application trial service can be implemented based on the target application. Alternatively, the target application can be the Android operating system, and the application trial service can be implemented based on a quick app of the target application. The target application provides a runtime environment for the quick app used to provide the application trial.

[0083] Server 150 can be a server that provides various services, particularly a server that provides trial services for applications. The method in this embodiment can be executed locally on the terminal or performed by the server. When performed by the server, server 150 sends the trial results to the terminal.

[0084] This application provides a method for trying out an application, such as... Figure 2 As shown, the method includes:

[0085] S101. Display the user interface of the application, which includes the first control for trying out the application.

[0086] The trial method in this application embodiment does not require the development of a separate application for trial. Instead, a first control for trial is set on the trial interface of the application, allowing users to directly begin the trial tutorial of the application by triggering the control. The application in this application embodiment can be a cloud system.

[0087] Please see Figure 3 The figure illustrates a schematic diagram of the user interface of the application according to an embodiment of this application. As shown in the figure, the application is used to provide users with services about the integrated energy product ecosystem. Applicable scenarios include, but are not limited to, energy management for energy-consuming enterprises, energy management platforms for industrial parks, local energy big data platforms, local energy industry platforms, etc.

[0088] The diagram illustrates the information users can select when using the application, such as industry information, field information, product type information, and supplier information. When a user wants to build a platform for managing energy within a park using this application, they can select: Industry: Electricity; Field: Electricity Consumption; Product Type: All (including software, hardware, and service products); Product vendors can choose cloud-based system-owned products, which are public templates created by the application developer to help users improve efficiency.

[0089] Figure 3The right side of the interface shows the first control 301 for using the application. If the user triggers this control, they can try out the application. If the control is not triggered, after logging into the application, the user can create a product that meets their own needs based on the information displayed on the interface. The triggering operations in this embodiment include, but are not limited to, single-clicking, double-clicking, and swiping with specific gestures.

[0090] S102, In response to a trigger operation on the first control, display a first prompt message for at least one feature to be tried and load a pre-configured tutorial component.

[0091] If a user triggers the first control, it indicates that the user wishes to try the application product. To help users understand the advantages of the application in a shorter time, this application embodiment demonstrates prompts for several common or core functions that the application can perform, i.e., the first prompt information.

[0092] Please see Figure 4 This example illustrates the interface displaying a prompt message for a feature to be tried in an application. Using a cloud system as an example, after clicking... Figure 3 After the first control in the middle, Figure 3 The right-hand area 401 of the interface shown displays a variety of functions available for user trial, thus forming... Figure 4 The interface shown is illustrated in this application embodiment, which provides seven functions, including product bundle ordering, workbench project overview, digital twin design, data authorization, data aggregation API, data assets, and project dashboard. The prompts for each function may include its meaning, the execution steps involved, and the required time. For example, the product bundle ordering function encompasses the process from product bundle creation to submission, involving three steps and taking three minutes. Users can select the function they wish to try based on the initial prompts for each available function and their actual needs (e.g., time constraints).

[0093] In this embodiment, when displaying the first prompt information, a tutorial component (NoviceTutor) also needs to be loaded. The tutorial component can be pre-configured by the developers and stored on the server. When the user triggers the first control, the server sends the tutorial component to the terminal. The tutorial component includes its version information; it should be understood that the version of the tutorial component is updated synchronously with the application version. After receiving the tutorial component, the terminal can save it locally. Each time the user tries the application, the terminal first sends an authentication request to the server, which includes the version information of the tutorial component. The server compares the version information in the authentication request with the version information of the tutorial component stored on the server. If the version of the tutorial component stored on the server is higher, the server sends the higher-version tutorial component to the terminal. After downloading the higher-version tutorial component, the terminal deletes the previously saved tutorial component and loads the higher-version tutorial component. If the versions of the two tutorial components are the same, the server informs the terminal that no update is needed, and the terminal directly loads the locally saved tutorial component. By loading the locally saved tutorial component, the terminal's operation data during the trial process does not depend on the backend server, and there is no need to enter the operation results into a database.

[0094] The tutorial component includes a first interface corresponding to each function to be tested. This application implements non-intrusive experiential learning by loading the tutorial component. All experiential learning tasks are handled by a separate, pre-configured tutorial component, eliminating the need to add code to the application's business modules. When the application is updated, new experiential tutorials can be quickly configured simply by adding data according to the schema and business scenario.

[0095] In this embodiment of the application, simulated data for each step of each trial function is predefined in the teaching component. The simulated data is the result of the operation of the trial function. Through the first interface, a mapping relationship is established between the control that triggers the trial function and the simulated data.

[0096] The code for loading the tutorial component in this embodiment is as follows:

[0097] { / *NoviceTutor* / }

[0098] <>{! isTutor||isLazy? : <novicetutor / >}

[0099] The first interface in this application embodiment can be the axios interface. Axios is a promise-based HTTP library that can be used in browsers and Node.js and is a commonly used tool for front-end and back-end data interaction.

[0100] S103. In response to a trial operation for a target function among at least one trial function, if it is determined that the first interface corresponding to the target function has been configured with simulation data, then the trial results are generated and displayed based on the configured simulation data.

[0101] When a user selects a target function from the available options, the terminal displays a trial interface for that function. This trial interface is identical to the interface used normally after the user pays or registers, and the controls displayed on the page are also the same. However, since the tutorial component has been loaded in the previous steps, when the user clicks a control on the page, simulated data can be obtained through the first interface corresponding to that control in the tutorial component. This simulated data is a simulation of the actual data generated after triggering the control during actual application use. Trial results are generated and displayed based on the simulated data, and these results are consistent with the actual usage results, helping users better understand the actual usage flow of the application.

[0102] The application trial method of this application embodiment provides users with the opportunity to try out the application by displaying the application's user interface, which includes a first control for trying out the application. This provides users with an actual, usable interface to try the application, rather than offering a separate trial interface or a dedicated trial version. This lays the foundation for users to gain a genuine user experience from the outset, increasing user trust in the application. In response to a trigger operation on the first control, at least one prompt message for a function to be used is displayed, helping users understand the application's capabilities and laying the groundwork for targeted function tutorials / trials. Simultaneously with displaying the first prompt message, a pre-configured tutorial component is loaded. This tutorial component includes at least one first interface corresponding to each function to be used. In response to a trial operation targeting a specific function, the first interface corresponding to the target function is called to obtain pre-configured simulated data. Trial results are then generated and displayed based on the simulated data. This provides users with a good trial experience. Furthermore, because it achieves non-intrusive, full-business-scenario experiential teaching through component loading, it guides users to quickly experience the product's actual functions. This non-intrusive, configurable solution improves development efficiency and facilitates continuous feature iteration.

[0103] Based on the above embodiments, as an optional embodiment, at least one target function from the functions to be tested is tried, including:

[0104] In response to a trial operation of a target feature, display the corresponding operation tutorial and initial operation page for the target feature.

[0105] Once a user selects a target feature from the numerous available options, the terminal further displays a tutorial and initial user interface for that feature. It should be understood that the initial user interface displayed may differ when trying different target features.

[0106] The operation tutorial of this application embodiment may include a second prompt message for at least one step corresponding to the function. The second prompt message may be the step name and the purpose of the execution, etc., so as to help users understand the usage process of the application more quickly.

[0107] The initial operation page corresponds to the first step in the operation tutorial of the target function. The initial operation page includes a second control corresponding to the execution of the first step.

[0108] Please see Figure 5 The illustration exemplifies the initial operation page for the trial product bundle ordering function provided in this application embodiment. This initial operation page is the initial operation page for users to try the target function: product bundle ordering. As shown in the figure, the right side of the page displays the names of multiple steps of this function, and further sets sub-steps for different steps. For example, for the step of creating a bundle, it includes finding the creation entry, creating a new bundle, and naming and completing the creation, a total of 3 sub-steps. The display style of the currently executing step (sub-step) is different from that of other sub-steps. In specific implementation, different colors can be used to distinguish the executed steps, the currently executing steps, and the steps that have not yet been executed. The page includes a second control 501 related to executing the first step: finding the creation entry. The name of the second control 501 in the illustration is "Manage Bundles", and it also further displays the prompt information 502 of the control to help users understand the significance of trying the control. This application embodiment can pre-configure the display interface corresponding to each step in the tutorial component, as well as the jump relationship between each step and each display interface, so that the user can adjust to the corresponding interface when operating each step.

[0109] Based on the above embodiments, as an optional embodiment, if it is determined that the first interface corresponding to the target function has been configured with simulation data, then the trial results are generated and displayed according to the configured simulation data, including:

[0110] If the target first interface configuration simulation data corresponding to the current step in the tutorial component is determined, then the user will be redirected to the operation page corresponding to the next step, and the trial results generated based on the simulation data will be displayed on the operation page corresponding to the next step.

[0111] It should be understood that when the operation page corresponding to the current step is the initial operation page, the third control is the second control. Furthermore, the operation page corresponding to the current step can be the same as the operation page corresponding to the next step, or they can be different operation pages.

[0112] exist Figure 5 Based on this, when the user triggers the second control "Manage Bundles", they will be redirected to the interface for creating a new bundle, as shown below. Figure 6 As shown, this interface is similar to Figure 5 The interfaces shown are two different interfaces. Figure 6 The interface shown includes a third control 601: New Package. Clicking this control will prompt the user to proceed to the next step: naming and completing the creation process, such as... Figure 7 As shown, the page did not change at this time, but instead remained unchanged. Figure 6 A new pop-up window 701 appeared on the page, which showed the controls corresponding to the third step in the form of a pop-up window, allowing the user to enter the name of the combo package.

[0113] After the user enters a name in pop-up window 701, that name can be used to name the pre-configured simulated data package, and the named package will be displayed to the user. It should be understood that different simulated data may exist depending on the specific function being experienced, and the combination of simulated data and user input may also vary. For example, in addition to the naming operation mentioned above, common user operations may include selection operations, such as providing the user with multiple pre-configured demo products, allowing the user to select some of these demo products as target data, and then processing the target data and simulated data to obtain the output result for the corresponding scenario. It should be understood that the specific data processing process is related to the actual experience function, and the embodiments of this application can pre-configure the corresponding data processing logic according to the processing logic in actual application.

[0114] In this embodiment of the application, when a user tries each step, it will determine whether the first interface (target first interface) corresponding to the current trial step in the tutorial component is configured with simulated data. If simulated data is configured, the usage result generated based on the simulated data will be displayed on the operation page corresponding to the next step. It can be understood that the trial result is for each trial step.

[0115] Based on the above embodiments, as an optional embodiment, in response to a trial operation of a third control on the operation page corresponding to the current step, the method further includes:

[0116] If it is determined that the target first interface in the tutorial component corresponding to the current step is not configured with simulated data, then jump to the operation page corresponding to the next step, and display the trial results generated based on real data on the operation page corresponding to the next step;

[0117] The actual data is obtained by requesting it from the server through a pre-configured second interface in the application.

[0118] It should be noted that the execution results of some steps depend on real data, that is, backend server data. Therefore, in this case, this application can adopt the method of not configuring simulated data for the first interface. If it is found that the first interface is not configured with simulated data, the server data corresponding to the current step, that is, real data, is requested from the server through the second interface.

[0119] In this embodiment, the application encapsulates a second interface, enabling interaction between the front-end and back-end servers during normal use. It retrieves server data from the back-end server and returns it to the front-end for display. Simultaneously, this application also encapsulates a first interface in the tutorial component, allowing pre-configured simulated data to be returned to the front-end for display during application trial. For steps requiring real data, this embodiment does not pre-configure simulated data for the first interface, instead utilizing the second interface to obtain real data. Therefore, this embodiment does not require intrusive modifications to the application.

[0120] In this embodiment of the application, the code that determines whether the first interface is configured with simulation data and returns the simulation data if it is configured can be:

[0121]

[0122] As can be seen from the above code, the embodiments of this application can obtain the resource address (url) of the simulated data through the preset instanceAxios interface. If the data in the resource address is not empty, the virtual data is obtained; otherwise, the server data (real data) is obtained from the server.

[0123] Please see Figure 8 The figure illustrates, by way of example, a flowchart of a trial method for an application according to another embodiment of this application, as shown, including:

[0124] S201. Display the user interface of the application, which includes the first control for trying out the application.

[0125] S202. Determine whether the user clicked the first control. If yes, proceed to step S203; otherwise, proceed according to the normal business process.

[0126] S203. Display the first prompt message for at least one feature to be tried, and load the tutorial component;

[0127] S204. In response to a trial operation for at least one function to be tried, display the operation tutorial corresponding to the target function and the current operation page; the operation interface includes a second prompt message for at least one step, and the current operation page is the operation page corresponding to the user's current step;

[0128] S205. In response to the trial operation of the third control in the operation page corresponding to the current step, determine whether the target first interface corresponding to the current step is configured with simulated data. If yes, execute step S206; otherwise, execute step S207.

[0129] S206. Jump to the operation page corresponding to the next step, and display the trial results generated based on the simulation data on the operation page corresponding to the next step. Then execute step S208.

[0130] S207. Call the second interface pre-configured in the application to request real data from the server, jump to the operation page corresponding to the next step, and display the trial results generated based on the real data on the operation page corresponding to the next step, and execute step S208.

[0131] S208. Determine whether to continue executing the subsequent steps of the target application. If yes, return to step S205; otherwise, execute step S203.

[0132] In other words, when a user does not want to experience the target application, they can be redirected back to the interface that displays at least one feature to be tried, allowing them to select other features to try.

[0133] Based on the above embodiments, as an optional embodiment, in response to a trial operation of a third control on the operation page corresponding to the current step, the following steps are further included:

[0134] Highlight the third control and display its third prompt message.

[0135] To help users quickly locate the control needed to trigger a specific function, this embodiment highlights the third control that requires operation. Specifically, this highlighting can be achieved by displaying only the area containing the third control at normal brightness, while displaying other areas of the page at a dimmer brightness. Furthermore, for areas of the page other than the third control, this embodiment sets an unresponsive effect, ensuring that users can only operate on the highlighted third control, thus guaranteeing that the trial function proceeds normally.

[0136] In this embodiment of the application, when the third control is highlighted, a third prompt message for the third control is further displayed. The third prompt message can be used to prompt the effect of clicking the third control.

[0137] For example, in cloud-based experiential learning, for the function of ordering product bundles, the last sub-step of the first step of creating the bundle is naming and completing the creation. The third control displayed on the page of this sub-step is a control that requires the user to name the created bundle. The corresponding third prompt message is: "Enter the bundle name here (it can be the project name), let's call it 'Demo Project', and then click Submit", which helps users intuitively understand what needs to be done and how to do it in this step.

[0138] Based on the above embodiments, as an optional embodiment, the tutorial component may include configuration information for at least one trial function (including the target function) in addition to the interfaces described above. The configuration information in this embodiment may be in the form of a schema. This schema includes the target DOM nodes related to the third control in the operation pages corresponding to each step.

[0139] The Document Object Model (DOM) is a way of representing nodes (e.g., XML or HTML) as objects. It is a platform-independent and language-independent standard object model used to represent HTML or XML and related formats. The logical structure of a document is defined by the DOM tree. The parts of the DOM tree are called nodes. In other words, the DOM presents the document as a tree structure (node ​​tree), defining elements, attributes, and text as nodes. Therefore, the DOM tree can be viewed as a collection of nodes, each node corresponding to a subset of the language script file of the markup file (a node can include or correspond to a script / program, a fragment of a script / program, or any other object including displayable nodes such as images).

[0140] In the DOM tree, the top node is called the root, and every node except the root has only one parent node. A node can have any number of child nodes. A leaf node is a node with no child nodes. Sibling nodes are nodes that share the same parent node. Each node has a name, value, and type (element, attribute, text, comment, document). From a given node, you can obtain other related nodes (child nodes and parent node).

[0141] exist Figure 9In the example shown, node (3000) is the root node. Nodes (3100, 3200, 3300, 3400) are child nodes of the root node (3000). Nodes (3310, 3320) are child nodes of node (3300). Nodes (3321, 3322) are child nodes of node (3320). Nodes (3100, 3200, 3300, 3400) are sibling nodes. Nodes (3310, 3320) are sibling nodes. Nodes (3321, 3322) are sibling nodes.

[0142] Therefore, a page can include many nodes, and different nodes are used to load and display different information. So when a third control is displayed on the page, there must be a node corresponding to the third control, that is, the target DOM node.

[0143] This application embodiment highlights the third control, including:

[0144] Obtain the target DOM node related to the third control from the configuration information, and highlight the display area corresponding to the third control in the operation interface based on the target DOM node.

[0145] It should be understood that the positions of each node in the display area are pre-stored in the DOM tree of the page. Therefore, after the target DOM node is determined, the position of the target DOM node in the display area is obtained from the DOM tree, and the pixel at that position is highlighted.

[0146] Based on the above embodiments, as an optional embodiment, the configuration information may further include one or more of the following:

[0147] The routing information, initialization operations, display location of prompts for each step, and verification rules before executing the next step.

[0148] by Figure 5 Taking the interface shown as an example, the pseudocode for the configuration information in this embodiment of the application may include:

[0149]

[0150]

[0151] Based on the pseudocode above, we can see that since different target functions correspond to different DOM nodes on the page, when a user triggers the corresponding DOM node, the target function used by the user can be determined, and a response can be made to the operation of the target function.

[0152] Furthermore, the code segment associated with the unique identifier of the target function is determined from the configuration information. In addition to the information recorded in the pseudocode above, the code segment may also include the DOM information of the interface corresponding to each (sub)step. The target DOM node of the second control corresponding to each (sub)step is also recorded in the DOM information. That is to say, after determining the code segment corresponding to the target function, the corresponding DOM information is further determined according to the (sub)step to be executed by the user, and the display interface is generated according to the DOM information. The target DOM node of the second control corresponding to the (sub)step is highlighted so that the user can intuitively see the control that needs to be operated in the interface. Only the highlighted DOM node is set to have corresponding feedback after being clicked, while the unhighlighted areas in the interface have no response when clicked.

[0153] It is important to note that the routing information for each step in the configuration information is used to represent the sequential relationship of the corresponding steps. Furthermore, in this embodiment, the interface corresponding to at least one step to be executed next can be preloaded based on the routing information of each step, thereby improving the page loading speed. After each step is executed by the user, the display of the next step will be reviewed based on the validation rules in the configuration information. For example, the information entered by the user (such as the name or the selected sample) can be validated to see if it meets the requirements. Only when the validation is successful will the controls and interface corresponding to the next step be displayed.

[0154] The embodiments of this application can obtain the name of the currently executed step, the DOM node corresponding to each prompt message to be displayed on the page, the position of the DOM node, the specific content of the prompt message, and the next step to be executed from the configuration information, so as to display them in an orderly manner.

[0155] Based on the above embodiments, as an optional embodiment, the corresponding operation results are displayed according to the configured simulation data, and then the following is also included:

[0156] In response to the end of the trial period for the application, the tutorial component is removed.

[0157] Specifically, in this embodiment of the application, a fourth control for ending the trial can be displayed on the page corresponding to each operation. In response to the operation of the fourth control, the user interface is returned to the beginning and the tutorial component is removed. After the tutorial component is removed, if the user is allowed to use the application normally (e.g., it has been confirmed that the user has purchased the right to use the application), then when the user uses any function, the real data is obtained from the server through the second interface of each step of the function.

[0158] Please see Figure 10 The figure illustrates, by way of trying out an application according to another embodiment of the present application, as shown, including:

[0159] S301. Display the user interface of the application, which includes the first control for trying out the application.

[0160] S302. Determine whether the user has clicked the first control. If yes, execute S303; otherwise, execute S30x.

[0161] S303. Display the first prompt message for at least one feature to be tried, and load the tutorial component;

[0162] S304. If there is a trial operation for at least one function to be tried, then proceed to step S305. If there is an operation to end the trial, then proceed to step S311.

[0163] S305. In response to a trial operation for at least one function to be tried, display the operation tutorial corresponding to the target function and the current operation page; the operation interface includes a second prompt message for at least one step.

[0164] S306. Highlight the third control in the operation page of the current step and display the third prompt information of the third control;

[0165] S307. In response to the trial operation of the third control in the operation page corresponding to the current step, determine whether the target first interface corresponding to the current step is configured with simulated data. If yes, execute step S308; otherwise, execute step S309.

[0166] S308. Jump to the operation page corresponding to the next step, and display the trial results generated based on the simulation data on the operation page corresponding to the next step. Then execute step S310.

[0167] S309. Call the second interface pre-configured in the application to request real data from the server, jump to the operation page corresponding to the next step, and display the trial results generated based on the real data on the operation page corresponding to the next step, and execute step S310.

[0168] S310. Determine whether to continue executing the subsequent steps of the target application. If yes, return to step S307; otherwise, return to step S303.

[0169] S311. In response to the "End Trial" operation, end the trial;

[0170] S312. Remove tutorial components;

[0171] S313. Follow the normal business process.

[0172] This application provides a trial device for an application, such as... Figure 11As shown, the trial device may include: a user interface display module 1001, a component loading module 1002, and a trial response module 1003, wherein,

[0173] The interface display module 1001 is used to display the user interface of the application, which includes the first control for trying out the application.

[0174] The component loading module 1002 is used to respond to a trigger operation on the first control, display a first prompt message for at least one function to be tried and load a pre-configured tutorial component, wherein the tutorial component includes at least one first interface corresponding to each function to be tried.

[0175] The trial response module 1003 is used to respond to a trial operation for a target function among at least one trial function. If it is determined that the first interface corresponding to the target function has been configured with simulation data, the trial results are generated and displayed based on the configured simulation data.

[0176] The apparatus in this application embodiment can execute the method provided in this application embodiment, and the implementation principle is similar. The actions performed by each module in the apparatus of each embodiment of this application correspond to the steps in the method of each embodiment of this application. For detailed functional descriptions of each module of the apparatus, please refer to the descriptions in the corresponding methods shown above, which will not be repeated here.

[0177] The application trial device of this application embodiment displays the application's user interface, which includes a first control for trying out the application. This provides users with the opportunity to try the application on a usable user interface, rather than providing a separate trial interface or a dedicated trial version. This lays the foundation for users to gain a genuine user experience from the outset, increasing user trust in the application. In response to a trigger operation on the first control, it displays first prompts for at least one function to be used, helping users understand the application's capabilities and providing targeted functional tutorials / trials. Simultaneously with displaying the first prompts, it loads pre-configured tutorial components, each including at least one first interface corresponding to a function to be used. In response to a trial operation targeting a specific function, by calling the corresponding first interface, pre-configured simulated data can be obtained, and trial results can be generated and displayed based on the simulated data. This provides users with a good trial experience, and because it achieves non-intrusive, full-business-scenario experiential teaching through component loading, it guides users to quickly experience the product's actual functions.

[0178] Based on the above embodiments, as an optional embodiment, a response module is used, including:

[0179] The initial interface unit is used to respond to trial operations of the target function, displaying the corresponding operation tutorial and initial operation page for the target function;

[0180] The tutorial includes at least one second prompt message for each step. The initial operation page corresponds to the first step in the tutorial and includes a second control corresponding to the execution of the first step.

[0181] Based on the above embodiments, as an optional embodiment, the trial response module further includes:

[0182] The first interface calling unit is used to respond to the trial operation of the third control in the operation page corresponding to the current step. If it is determined that the target first interface configuration simulation data in the tutorial component corresponds to the current step, it will jump to the operation page corresponding to the next step and display the trial result generated based on the simulation data in the operation page corresponding to the next step.

[0183] In this case, when the operation page corresponding to the current step is the initial operation page, the third control is the second control.

[0184] Based on the above embodiments, as an optional embodiment, the trial response module further includes:

[0185] The second interface calling unit is used to jump to the operation page corresponding to the next step if it is determined that the tutorial component includes the target first interface corresponding to the current step without configured simulation data, and to display the trial results generated based on real data on the operation page corresponding to the next step.

[0186] The actual data is obtained by requesting it from the server through a pre-configured second interface in the application.

[0187] Based on the above embodiments, as an optional embodiment, the trial response module further includes:

[0188] The highlighting module is used to highlight the third control and display its third prompt information before responding to the trial operation of the third control on the operation page corresponding to the current step.

[0189] Based on the above embodiments, as an optional embodiment, the tutorial component also includes configuration information for the target function, which includes the target DOM node related to the third control in the operation page corresponding to each step;

[0190] The highlighting module is specifically used to: obtain the target DOM node related to the third control from the configuration information, and highlight the display area corresponding to the third control in the operation interface based on the target DOM node.

[0191] Based on the above embodiments, as an optional embodiment, the configuration information may further include one or more of the following:

[0192] The routing information, initialization operations, display location of prompts for each step, and verification rules before executing the next step.

[0193] Based on the above embodiments, as an optional embodiment, the trial device further includes:

[0194] The component removal module is used to remove tutorial components in response to the end of the trial period for the application.

[0195] According to another aspect of the embodiments of this application, an electronic device is provided, the electronic device including a memory, a processor, and a computer program stored in the memory, wherein the processor executes the computer program to implement the steps of the trial method of the application of the first aspect.

[0196] According to another aspect of the embodiments of this application, a computer-readable storage medium is provided, having a computer program that, when executed by a processor, implements the steps of the trial method of the application of the first aspect.

[0197] According to one aspect of the embodiments of this application, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps of a trial method for an application of the first aspect. Compared to related technologies, this approach achieves the following: By showcasing the application's user interface, which includes a first control for trying out the application—providing users with an opportunity to try it out on a real, usable interface—rather than offering a separate trial interface or a dedicated trial version, it lays the foundation for users to gain a genuine user experience from the outset, increasing user trust in the application. Responding to actions triggered by the first control, it displays at least one prompt message for a function to be used, helping users understand the application's capabilities and laying the groundwork for targeted function tutorials / trials. Simultaneously with displaying the first prompt message, it loads a pre-configured tutorial component, which includes at least one first interface corresponding to each function to be used. Responding to trial operations for a target function, by calling the corresponding first interface, pre-configured simulated data can be retrieved, and trial results can be generated and displayed based on the simulated data. This provides users with a good trial experience, and because it achieves non-intrusive, full-business-scenario experiential teaching through component loading, it guides users to quickly experience the product's actual functions.

[0198] This application provides an electronic device including a memory, a processor, and a computer program stored in the memory. The processor executes the computer program to implement the steps of a trial method for an application. Compared with related technologies, this method can achieve the following: by displaying the user interface of the application, which includes a first control for trying out the application, the user is given the opportunity to try out the application on a user interface that can actually be used, rather than being given a separate additional trial interface or a dedicated trial version of the application. This lays the foundation for the user to obtain a real user experience of the application from the source, increases the user's trust in the application, and, in response to a triggering operation on the first control, displays at least one application to be used. The initial prompts for each function help users understand the application's capabilities, laying the foundation for targeted function tutorials / trials. Simultaneously, pre-configured tutorial components are loaded. These components include at least one primary interface corresponding to each function to be used. In response to trial operations for the target function, calling the corresponding primary interface retrieves pre-configured simulation data, generates and displays trial results based on this data. This provides users with a good trial experience, and because it achieves non-intrusive, full-business-scenario experiential teaching through component loading, it guides users to quickly experience the product's actual functions.

[0199] In one alternative embodiment, an electronic device is provided, such as Figure 12 As shown, Figure 12 The illustrated electronic device 4000 includes a processor 4001 and a memory 4003. The processor 4001 and the memory 4003 are connected, for example, via a bus 4002. Optionally, the electronic device 4000 may further include a transceiver 4004, which can be used for data interaction between the electronic device and other electronic devices, such as sending and / or receiving data. It should be noted that in practical applications, the transceiver 4004 is not limited to one type, and the structure of the electronic device 4000 does not constitute a limitation on the embodiments of this application.

[0200] Processor 4001 may be a CPU (Central Processing Unit), a general-purpose processor, a DSP (Digital Signal Processor), an ASIC (Application Specific Integrated Circuit), an FPGA (Field Programmable Gate Array), or other programmable logic devices, transistor logic devices, hardware components, or any combination thereof. It can implement or execute the various exemplary logic blocks, modules, and circuits described in conjunction with the disclosure of this application. Processor 4001 may also be a combination that implements computational functions, such as including one or more microprocessor combinations, a combination of a DSP and a microprocessor, etc.

[0201] Bus 4002 may include a pathway for transmitting information between the aforementioned components. Bus 4002 may be a PCI (Peripheral Component Interconnect) bus or an EISA (Extended Industry Standard Architecture) bus, etc. Bus 4002 can be divided into address bus, data bus, control bus, etc. For ease of representation, Figure 12 The bus is represented by a single thick line, but this does not mean that there is only one bus or one type of bus.

[0202] The memory 4003 may be ROM (Read Only Memory) or other types of static storage devices capable of storing static information and instructions, RAM (Random Access Memory) or other types of dynamic storage devices capable of storing information and instructions, or EEPROM (Electrically Erasable Programmable Read Only Memory), CD-ROM (Compact Disc Read Only Memory) or other optical disc storage, optical disc storage (including compressed optical discs, laser discs, optical discs, digital universal optical discs, Blu-ray discs, etc.), magnetic disk storage media, other magnetic storage devices, or any other medium capable of carrying or storing computer programs and capable of being read by a computer, without limitation herein.

[0203] The memory 4003 stores computer programs that execute embodiments of this application, and its execution is controlled by the processor 4001. The processor 4001 executes the computer programs stored in the memory 4003 to implement the steps shown in the foregoing method embodiments.

[0204] This application provides a computer-readable storage medium storing a computer program. When executed by a processor, the computer program can implement the steps and corresponding content of the aforementioned method embodiments. By displaying a user interface of an application, including a first control for trying out the application, the application provides users with the opportunity to try it out on a usable user interface, rather than providing a separate trial interface or a dedicated trial version of the application. This lays the foundation for users to gain a real user experience of the application from the source, increasing user trust in the application. In response to a trigger operation on the first control, at least one function to be used is displayed. The initial prompt message helps users understand the application's capabilities, laying the foundation for providing targeted functional tutorials / trials. Simultaneously, a pre-configured tutorial component is loaded. This component includes at least one first interface corresponding to each function to be used. In response to trial operations for the target function, by calling the corresponding first interface, pre-configured simulation data can be retrieved, and trial results can be generated and displayed based on this data. This provides users with a good trial experience, and because it achieves non-intrusive, full-business-scenario experiential teaching through component loading, it guides users to quickly experience the product's actual functions.

[0205] This application also provides a computer program product, including a computer program. When executed by a processor, the computer program can implement the steps and corresponding content of the aforementioned method embodiments. By displaying the user interface of the application, which includes a first control for trying out the application, the user is given the opportunity to try the application on a user interface that can actually be used, rather than being given a separate additional trial interface or a dedicated trial version of the application. This lays the foundation for users to obtain a real user experience of the application from the source, increasing user trust in the application. In response to the start operation of the first control, at least one first prompt message for the function to be used is displayed, helping users understand the functions of the application and laying the foundation for providing targeted function teaching / trial to users. While displaying the first prompt message, a pre-configured tutorial component is also loaded. The tutorial component includes at least one first interface corresponding to each function to be used. In response to the trial operation of the target function among the functions to be used, by calling the first interface corresponding to the target function, pre-configured simulation data can be obtained, and trial results can be generated and displayed based on the simulation data. This not only provides users with a good trial experience, but also guides users to experience the actual functions of the product more quickly because it is achieved by loading components in a non-intrusive, full-business-scenario experiential teaching manner.

[0206] The terms "first," "second," "third," "fourth," "1," "2," etc. (if present) in the specification, claims, and accompanying drawings of this application are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this application described herein can be implemented in a sequence other than that shown in the figures or text.

[0207] It should be understood that although arrows indicate various operation steps in the flowcharts of this application's embodiments, the order in which these steps are implemented is not limited to the order indicated by the arrows. Unless explicitly stated herein, in some implementation scenarios of this application's embodiments, the implementation steps in each flowchart can be executed in other orders as required. Furthermore, some or all steps in each flowchart, based on the actual implementation scenario, may include multiple sub-steps or multiple stages. Some or all of these sub-steps or stages can be executed at the same time, and each sub-step or stage can also be executed at different times. In scenarios where execution times differ, the execution order of these sub-steps or stages can be flexibly configured according to requirements, and this application's embodiments do not limit this.

[0208] The above description is only an optional implementation method for some implementation scenarios of this application. It should be noted that for those skilled in the art, other similar implementation methods based on the technical concept of this application without departing from the technical concept of this application also fall within the protection scope of the embodiments of this application.

Claims

1. A trial method of an application program, characterized by, include: The user interface of the application is displayed, and the user interface includes a first control for trying out the application; In response to a trigger operation on the first control, a first prompt message for at least one function to be tried is displayed and a pre-configured tutorial component is loaded. The tutorial component includes at least one first interface corresponding to each function to be tried and configuration information. The configuration information includes routing information for each step of each function to be tried and verification rules before executing the next step. In response to a trial operation for a target function among the at least one trial functions, if it is determined that the first interface corresponding to the target function has been configured with simulation data, then the user is redirected to the operation page corresponding to the next step according to the step routing information in the configuration information, and the trial result is generated and displayed on the operation page corresponding to the next step according to the configured simulation data. In response to the end of the trial for the application, the tutorial component is removed.

2. The trial method according to claim 1, characterized in that, The response to trying out the target function among the at least one function to be tried includes: In response to a trial operation of the target function, the corresponding operation tutorial and initial operation page for the target function are displayed; The operation tutorial includes a second prompt message for at least one step, and the initial operation page is the operation page corresponding to the first step in the operation tutorial. The initial operation page includes a second control corresponding to the execution of the first step.

3. The trial method of claim 2, wherein, If it is determined that the first interface corresponding to the target function has been configured with simulation data, then the trial results are generated and displayed based on the configured simulation data, including: In response to the trial operation of the third control in the operation page corresponding to the current step, if it is determined that the target first interface configuration simulation data in the tutorial component corresponds to the current step, then jump to the operation page corresponding to the next step, and display the trial result generated based on the simulation data in the operation page corresponding to the next step; Wherein, when the operation page corresponding to the current step is the initial operation page, the third control is the second control.

4. The trial method of claim 3, wherein, In response to the trial operation of a third control on the operation page corresponding to the current step, the following also includes: If it is determined that the target first interface corresponding to the current step in the tutorial component is not configured with simulated data, then jump to the operation page corresponding to the next step, and display the trial results generated based on real data on the operation page corresponding to the next step; The actual data is obtained by requesting it from the server by calling a pre-configured second interface in the application.

5. The trial method according to claim 3, characterized in that, In response to the trial operation of a third control on the operation page corresponding to the current step, the previous steps also included: The third control is highlighted to display a third prompt message.

6. The trial method according to claim 5, characterized in that, The tutorial component also includes configuration information for the target function, which includes target DOM nodes related to the third control in the operation page corresponding to each step. Highlighting the third control includes: Obtain the target DOM node related to the third control from the configuration information, and highlight the display area corresponding to the third control in the operation interface based on the target DOM node.

7. The trial method according to claim 6, characterized in that, The configuration information also includes one or more of the following: The location for initialization operations and prompts.

8. A trial device for an application, characterized in that, include: The interface display module is used to display the user interface of the application, which includes a first control for trying out the application. A component loading module is used to respond to a trigger operation on the first control, display a first prompt message for at least one function to be tried and load a pre-configured tutorial component. The tutorial component includes at least one first interface corresponding to each function to be tried and configuration information. The configuration information includes routing information for each step of each function to be tried and verification rules before executing the next step. The trial response module is used to respond to the trial operation of the target function among the at least one trial function. If it is determined that the first interface corresponding to the target function has been configured with simulation data, the module jumps to the operation page corresponding to the next step according to the step routing information in the configuration information, and generates and displays the trial result on the operation page corresponding to the next step according to the configured simulation data. In response to the end of the trial for the application, the tutorial component is removed.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory, characterized in that, The processor executes the computer program to implement the steps of the trial method of the application program according to any one of claims 1-7.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the steps of the trial method of the application program according to any one of claims 1-7.

11. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the steps of the trial method of the application program according to any one of claims 1-7.

Images