CN110781052A - Offline monitoring method and device, computer equipment and storage medium - Google Patents
Offline monitoring method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN110781052A CN110781052A CN201910894045.0A CN201910894045A CN110781052A CN 110781052 A CN110781052 A CN 110781052A CN 201910894045 A CN201910894045 A CN 201910894045A CN 110781052 A CN110781052 A CN 110781052A
- Authority
- CN
- China
- Prior art keywords
- offline
- end page
- component
- user
- components
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3003—Monitoring arrangements specially adapted to the computing system or computing system component being monitored
- G06F11/302—Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3051—Monitoring arrangements for monitoring the configuration of the computing system or of the computing system component, e.g. monitoring the presence of processing resources, peripherals, I/O links, software programs
Abstract
The embodiment of the invention discloses an offline monitoring method, an offline monitoring device, computer equipment and a storage medium, wherein the offline monitoring method comprises the following steps: acquiring operation data generated based on a user operation front-end page in an offline state; judging whether the duration of the offline state is longer than a preset duration, and modifying configuration parameters of components in the front-end page according to the operation data to adjust the display mode of the components on the front-end page when the duration of the offline state is longer than the preset duration; and rendering the components displayed in the front-end page according to the modified configuration parameters. The method can ensure that the operation data is monitored and the display mode of the component is adjusted when the off-line time is long, so that the method adapts to the operation habit of a user, provides effective basis for optimizing projects and improving experience, and provides guarantee for data analysis.
Description
Technical Field
The embodiment of the invention relates to the field of computers, in particular to an offline monitoring method, an offline monitoring device, computer equipment and a storage medium.
Background
Vue framework is a set of progressive framework for constructing user interface, only paying attention to the layer, adopting the design mode of bottom-up increment development, realizing the data binding of response and the combined view component through the simple API as far as possible.
Currently, most front-end Vue framework project monitoring can only monitor online applications, and cannot monitor off-line Vue framework applications. However, in practical applications, offline operations often occur in many scenarios, for example, in wifi-free usage scenarios, in such a case, the operation habits of users or problems such as abnormal program error report during operations cannot be monitored in real time, so that the functions of offline applications under the Vue framework are affected.
Disclosure of Invention
The embodiment of the invention provides an offline monitoring method and device, computer equipment and a storage medium.
In order to solve the technical problem that offline operation often occurs in many scenarios, and the operation habits of users or program exception error reporting and the like during operation cannot be monitored in real time, so that the function of offline application under the Vue framework is affected, one technical scheme adopted by the embodiment of the invention is as follows: an off-line monitoring method is provided, comprising the following steps:
acquiring operation data generated based on a user operation front-end page in an offline state;
judging whether the duration of the offline state is longer than a preset duration, and modifying configuration parameters of components in the front-end page according to the operation data to adjust the display mode of the components on the front-end page when the duration of the offline state is longer than the preset duration;
and rendering the components displayed in the front-end page according to the modified configuration parameters.
Optionally, the obtaining operation data when the user operates the front-end page in the offline state includes:
extracting network state information from a network monitoring plug-in preset in an Vue framework;
when the network state represented by the network state information is an offline state, calling a preset offline monitoring plug-in, wherein the preset offline monitoring plug-in comprises a plurality of types of data collection programs;
and collecting operation data generated based on a user operation front-end page in an off-line state according to the data collection program, and storing the operation data into a pre-divided storage space according to the type of the operation data.
Optionally, the operation data includes: the collecting, according to the data collection program, operation data generated based on a user operation front-end page in an offline state includes:
calling a monitoring program of the user operation track in a starting state, which is set by the user, from the data code;
detecting a triggering event that the user triggers a component in the front-end page by using the monitoring program;
determining configuration information of a component corresponding to the trigger event, and sequencing the obtained configuration information according to a trigger sequence of the trigger events to obtain an operation track of the user.
Optionally, the components triggered in the operation track include a parent component and child components of the parent component, and the modifying of the configuration parameter includes: displaying the configuration information of the sub-component in a front-end page of the sub-component, wherein the modifying the configuration parameters of the components in the front-end page according to the operation data comprises:
acquiring a standby component preset in a front-end page where the parent component is located;
and adding the configuration information of the sub-component into the configuration information of the standby component so that the sub-component is displayed in the front page where the parent component is located.
Optionally, the operation data further includes: error reporting data, the modifying of the configuration parameters comprising: modifying the display content in the front-end page into error prompt content to prompt the user to report errors, and modifying the configuration parameters of the components in the front-end page according to the operation data, including:
when the user triggers the components of the front-end page, acquiring target components generating the error data;
and extracting the configuration information of the target component, and modifying the display content in the configuration information into error prompt content to prompt the user that the target component is unavailable.
Optionally, after determining whether the duration of the offline state is longer than a preset duration, the method further includes:
when the duration of the offline state is less than or equal to the preset duration, uploading the operation data to a server;
receiving configuration parameters sent by the server and used for modifying the component display;
and rendering the components displayed in the front-end page according to the configuration parameters.
In order to solve the above technical problem, an embodiment of the present invention further provides an offline monitoring apparatus, including:
the acquisition module is used for acquiring operation data generated based on a user operation front-end page in an offline state;
the processing module is used for judging whether the duration of the offline state is longer than a preset duration or not, and modifying the configuration parameters of the components in the front-end page according to the operation data to adjust the display mode of the components on the front-end page when the duration of the offline state is longer than the preset duration;
and the execution module is used for rendering the components displayed in the front-end page according to the modified configuration parameters.
Optionally, the obtaining module includes:
the first acquisition submodule is used for extracting network state information from a network monitoring plug-in preset in an Vue framework;
the first processing submodule is used for calling a preset offline monitoring plug-in when the network state represented by the network state information is an offline state, wherein the preset offline monitoring plug-in comprises a plurality of types of data collecting programs;
and the first execution submodule is used for collecting operation data generated based on a user operation front-end page in an off-line state according to the data collection program and storing the operation data into a pre-divided storage space according to the type of the operation data.
Optionally, the operation data includes: the first execution submodule of the operation track of the user comprises:
the second obtaining submodule is used for calling the monitoring program of the user operation track in the starting state, which is set by the user, from the data code;
the second processing submodule is used for detecting a triggering event of triggering the components in the front-end page by the user by using the monitoring program;
and the second execution submodule is used for determining the configuration information of the component corresponding to the trigger event, and sequencing the obtained configuration information according to the trigger sequence of the trigger events to obtain the operation track of the user.
Optionally, the components triggered in the operation track include a parent component and child components of the parent component, and the modifying of the configuration parameter includes: displaying the configuration information of the sub-component in a front-end page of the sub-component, wherein the processing module comprises:
the third obtaining sub-module is used for obtaining a standby component preset in a front-end page where the parent component is located;
and the third processing sub-module is used for adding the configuration information of the sub-component into the configuration information of the standby component so as to display the sub-component in the front-end page where the parent component is located.
Optionally, the operation data further includes: error reporting data, the modifying of the configuration parameters comprising: modifying the display content in the front-end page into error prompt content to prompt the user to report errors, wherein the processing module comprises:
a fourth obtaining sub-module, configured to obtain a target component that generates the error data when the user triggers a component of the front-end page;
and the fourth processing submodule is used for extracting the configuration information of the target assembly and modifying the display content in the configuration information into error prompt content so as to prompt the user that the target assembly is unavailable.
Optionally, the method further comprises:
a fifth obtaining submodule, configured to upload the operation data to a server when a duration of the offline state is less than or equal to the preset duration;
a sixth acquisition submodule receives the configuration parameters which are sent by the server and used for modifying the component display;
and the fifth processing submodule is used for rendering the components displayed in the front-end page according to the configuration parameters.
In order to solve the above technical problem, an embodiment of the present invention further provides a computer device, including a memory and a processor, where the memory stores computer-readable instructions, and the computer-readable instructions, when executed by the processor, cause the processor to perform the steps of the offline monitoring method.
In order to solve the above technical problem, an embodiment of the present invention further provides a storage medium storing computer-readable instructions, which, when executed by one or more processors, cause the one or more processors to perform the steps of the offline monitoring method.
The embodiment of the invention has the beneficial effects that: by acquiring the operation data of the user in the offline state and modifying the configuration parameters of the component according to the acquired operation data when the offline state is longer than the preset time, the display mode of the component is adjusted according to the operation data.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
Fig. 1 is a schematic basic flow chart of an offline monitoring method according to an embodiment of the present invention;
fig. 2 is a schematic basic flowchart of a method for obtaining operation data when a user operates a front-end page in an offline state according to an embodiment of the present invention;
fig. 3 is a schematic basic flowchart of a method for collecting operation data generated when a user operates a front-end page in an offline state according to a data collection program according to an embodiment of the present invention;
fig. 4 is a schematic basic flowchart of a method for modifying configuration parameters of components in a front-end page according to operation data according to an embodiment of the present invention;
FIG. 5 is a schematic diagram of a basic flow chart of another method for modifying configuration parameters of components in a front-end page according to operation data according to an embodiment of the present invention;
fig. 6 is a schematic basic flow chart of another offline monitoring method according to an embodiment of the present invention;
fig. 7 is a block diagram of a basic structure of an offline monitoring apparatus according to an embodiment of the present invention;
FIG. 8 is a block diagram of the basic structure of a computer device according to an embodiment of the present invention.
Detailed Description
In order to make the technical solutions of the present invention better understood, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention.
In some of the flows described in the present specification and claims and in the above figures, a number of operations are included that occur in a particular order, but it should be clearly understood that these operations may be performed out of order or in parallel as they occur herein, with the order of the operations being indicated as 101, 102, etc. merely to distinguish between the various operations, and the order of the operations by themselves does not represent any order of performance. Additionally, the flows may include more or fewer operations, and the operations may be performed sequentially or in parallel. It should be noted that, the descriptions of "first", "second", etc. in this document are used for distinguishing different messages, devices, modules, etc., and do not represent a sequential order, nor limit the types of "first" and "second" to be different.
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Examples
As will be appreciated by those skilled in the art, "terminal" as used herein includes both devices that are wireless signal receivers, devices that have only wireless signal receivers without transmit capability, and devices that include receive and transmit hardware, devices that have receive and transmit hardware capable of performing two-way communication over a two-way communication link. Such a device may include: a cellular or other communication device having a single line display or a multi-line display or a cellular or other communication device without a multi-line display; PCS (Personal Communications Service), which may combine voice, data processing, facsimile and/or data communication capabilities; a PDA (Personal Digital Assistant), which may include a radio frequency receiver, a pager, internet/intranet access, a web browser, a notepad, a calendar and/or a GPS (Global Positioning System) receiver; a conventional laptop and/or palmtop computer or other device having and/or including a radio frequency receiver. As used herein, a "terminal" or "terminal device" may be portable, transportable, installed in a vehicle (aeronautical, maritime, and/or land-based), or situated and/or configured to operate locally and/or in a distributed fashion at any other location(s) on earth and/or in space. As used herein, a "terminal Device" may also be a communication terminal, a web terminal, a music/video playing terminal, such as a PDA, an MID (Mobile Internet Device) and/or a Mobile phone with music/video playing function, or a smart tv, a set-top box, etc.
The client terminal in this embodiment is the above terminal.
Specifically, referring to fig. 1, fig. 1 is a basic flow chart of an offline monitoring method provided in the present embodiment.
As shown in fig. 1, the offline monitoring method includes the following steps:
s1100, acquiring operation data generated based on a user operation front-end page in an offline state;
the present embodiment is applied to an Vue framework, in which a network monitoring plug-in is preset in the Vue framework, for example, a netWorkSyc is called in CreationComplete () to monitor a network state. Among them, the Vue framework is a progressive framework that builds data-driven web interfaces, whose goal is to implement responsive data binding and combined view components through as simple APIs as possible. And when the network state information is acquired through the network monitoring plug-in, judging whether the network state represented by the network state information is an offline state, and calling a preset offline monitoring plug-in to acquire data of a user operation front-end page in the offline state.
It should be noted that the offline monitoring plug-in is an independent module built in and in the Vue framework, and the code of the offline monitoring plug-in is separated from the service code, that is, the code of the software related to the user operation, so that when the offline monitoring plug-in is used to monitor the user operation data, the use of the service code is prevented from being affected, and the function of maintaining the performance of the service code is achieved. In addition, the offline monitoring plug-in can be combined with the project compiling and packaging code, and the packaging is compiled into the project online code.
The operation data is data generated after the user operates the terminal or the server and data generated after the operation, for example, trajectory data of the user operating on the front-end interface, abnormal error reporting data of a page after the user operates on the front-end interface, and the like. In some embodiments, in order to facilitate management of the types of the user operation data, the offline monitoring plug-in includes multiple types of data collection programs, for example, a track collection program for collecting the user operation track data and an error data collection program for collecting abnormal error data, and the offline monitoring plug-in collects the user operation data according to a plurality of preset types of data collection programs.
In some embodiments, since the types of the user operation data that need to be monitored in each item in the actual application are different, in this embodiment, the terminal or the server receives an opening parameter preset by the user, where the opening parameter is used to indicate a parameter for setting opening or closing for different types of user operation data, and includes the type of the user operation data that needs to be opened or closed and an instruction for opening or closing. And after receiving the opening parameters, the terminal or the server sets the user operation data according to the type of the user operation data and the opening or closing instruction contained in the opening parameters. For example, the received turn-on parameters include: and starting a program for collecting the user operation track if the instruction for starting the user operation track is started.
In some embodiments, after the operation data is obtained, the operation data is stored in a preset storage space, where the storage space may be respectively stored according to the type of the user operation data. For example, data of a user operation trajectory is stored in the trajectory memory, and error data is stored in the error data memory.
S1200, judging whether the duration of the offline state is longer than a preset duration, and modifying configuration parameters of components in a front-end page according to operation data to adjust the display mode of the components on the front-end page when the duration of the offline state is longer than the preset duration;
in practical application, when the duration of the offline state is too long, a large amount of data can be stored in the storage space, and in order to avoid that subsequent data is lost due to limitation of the storage space and monitoring of the data is affected by too long offline state.
For example, when the offline state is too long, that is, greater than the preset time, the component where the content in which the user is interested is located is determined by analyzing the collected operation trajectory, and the position of the component is modified to be displayed in the front-end page, so that the user can conveniently view the component. Alternatively, for error reporting data, the error may be due to an error occurring in the logic of the component, and in order to avoid user trial and error, the configuration parameters of the component may be modified to turn off its function. For example, the collected operation trace records the sequence of the user clicking the front page, for example, the user is interested in the content of a first component in the front page, enters a sub-component of the first component after clicking, and enters a second sub-component after clicking the first sub-component, so that the operation trace of the user is the first component-the first sub-component-the second sub-component. After the operation data is generated, the interest point of the user can be determined from the configuration information of the component in the operation track, for example, the display content of the component contained in the configuration information, and then the first component-the first sub-component-the second sub-component is displayed in the front page of the first component for the convenience of the user to view.
And S1300, rendering the components displayed in the front-end page according to the modified configuration parameters.
In this embodiment, the configuration parameters are parameters representing a display mode of the component, for example, a background color, a display content, a display size, a position displayed at a front end, and the like of the component display. In this embodiment, the terminal or the server renders the component according to the modified configuration parameter, so that the modified component is displayed in the front-end page.
According to the offline monitoring method, the operation data of the user in the offline state are obtained, and when the offline state is longer than the preset time length, the configuration parameters of the component are modified according to the obtained operation data, so that the display mode of the component is adjusted according to the operation data.
An embodiment of the present invention provides a method for obtaining operation data when a user operates a front-end page in an offline state, as shown in fig. 2, fig. 2 is a basic flowchart of the method for obtaining operation data when the user operates the front-end page in the offline state according to the embodiment of the present invention.
Specifically, as shown in fig. 2, step S1100 includes the steps of:
s1110, extracting network state information from a network monitoring plug-in preset in an Vue framework;
the Vue framework is a progressive framework for building data-driven web interfaces whose goal is to implement responsive data binding and combined view components through as simple an API as possible. The network monitoring plug-in is a plug-in for monitoring the network state, and the network state can be monitored by calling netWorkSyc in CreationComplete ().
S1120, when the network state represented by the network state information is an offline state, calling a preset offline monitoring plug-in, wherein the preset offline monitoring plug-in comprises a plurality of types of data collecting programs;
the offline monitoring plug-in is an independent module in a built-in and Vue framework, the code of the offline monitoring plug-in is separated from the service code, namely the code of the software related to the user operation, and the offline monitoring plug-in is combined with the project compiling and packaging code to be packaged and compiled into the project online code.
In order to make the obtained data classified clearly and analyzed and processed in a targeted manner, in this embodiment, a plurality of data collection programs, for example, a collection program of an operation track of a user and an error data collection program, are preset in the offline monitoring plug-in according to the data type, where the operation track of the user is a track of a component in an operation page clicked by the user, and the error data is error data generated after the operation of the front-end page by the user.
S1130, collecting operation data generated based on the user operation front-end page in an off-line state according to the data collection program, and storing the operation data into a pre-divided storage space according to the type of the operation data.
The embodiment of the invention provides a method for collecting operation data generated when a user operates a front-end page in an off-line state according to a data collection program, wherein the operation data comprises the following steps: fig. 3 shows an operation trajectory of a user, and fig. 3 is a basic flowchart of a method for collecting operation data generated when the user operates a front-end page in an offline state according to a data collection program according to an embodiment of the present invention.
Specifically, as shown in fig. 3, step S1130 includes the steps of:
s1131, calling a monitoring program of the user operation track in a starting state, which is set by a user, from the data code;
in this embodiment, a switch for starting or closing is set for each type of monitoring program, and a condition for starting or closing the switch is set, for example, if an operation trajectory of a user needs to be collected in an offline state, the starting condition of the monitoring program for setting the operation trajectory is the offline state or is always on, and if error data does not need to be collected, the switch of the monitoring program for collecting error data is set to be off. Therefore, the starting or closing of the user-defined set monitoring program can be used for collecting and monitoring the data types in a targeted manner.
As described above, when the start state of the monitoring program, that is, the offline state is satisfied, the terminal or the server calls the monitoring program of the operation trajectory of the start state.
S1132, collecting the detected trigger event of the component in the user trigger front-end page by using a monitoring program;
the detection of the trigger time may be performed by individual elements of the components in the visualized front-end page operated by the user, where the elements may be text, pictures, buttons, etc.
The trigger event is an event for triggering information display for the component, and may be a touch operation trigger or a cursor click trigger. The information to be triggered to be displayed exists in each component, for example, a focus button component in a social application page is used for triggering the information to be displayed corresponding to the focus button to be displayed after the focus button component is clicked.
S1133, determining configuration information of the component to which the trigger event is directed, and sequencing the obtained configuration information according to a trigger sequence of the trigger events to obtain an operation track of the user.
In this embodiment, configuration information of components is extracted from a Document Object Model (DOM), where the configuration information includes relationships of the components, content displayed by the components, such as media data including text data, pictures, audio, and video, and positional relationships between the components. And sequencing the configuration information obtained according to the triggering sequence, namely, the configuration information is the track of the user during the operation on the front-end page.
In practical application, a page usually includes a parent component and child components of the parent component, a user can click the page to display content in the components in an operation process, and in order to adapt to operation habits of the user and enhance user experience, the content in which the user is interested can be directly presented in the page. The modification of the configuration parameters in this embodiment includes: the configuration information of the sub-component is displayed in the front-end page of the sub-component, the embodiment provides a method for modifying the configuration parameters of the component in the front-end page according to the operation data, as shown in fig. 4, fig. 4 is a schematic basic flow diagram of a method for modifying the configuration parameters of the component in the front-end page according to the operation data, provided by the embodiment of the present invention.
Specifically, as shown in fig. 4, step S1200 includes the steps of:
s1211, acquiring a standby component preset in a front-end page where the parent component is located;
in this embodiment, for convenience of displaying, a standby component is preset in a front-end page where the parent component is located, wherein a text of the standby component may be displayed as empty when initially set for subsequent display data. In other embodiments, one or more backup components may be provided, each backup component sets a tag in its configuration information, and the backup component may be directly obtained through the tag.
And S1212, adding the configuration information of the sub-component into the configuration information of the standby component so that the sub-component is displayed in the front-end page where the parent component is located.
And adding the text information of the sub-component into the text information of the standby component, and displaying the text information of the sub-component in the standby component.
In some embodiments, if the text of the subassembly in the standby module is frequently updated according to the operation track of the user, the operation track of the user is complicated, the content in the standby module can be changed continuously, the operation of the user can be affected, and inconvenience is brought to the user. The operating period may be one day, one week or one month. For example, the data acquired every day is used as a group, the components triggered in the operation tracks are checked and marked, the components appearing in the multiple groups of tracks are accumulated, and the track components are obtained by comparing the preset times one by one. Therefore, the obtained track component can reflect the operation habit of the user in each period and is updated in the next period, and the operation is convenient for the user.
When the operation data is error reporting data, the modification of the configuration parameters comprises: the embodiment of the present invention further provides a method for modifying configuration parameters of components in a front-end page according to operation data, as shown in fig. 5, where fig. 5 is a basic flow diagram of another method for modifying configuration parameters of components in a front-end page according to operation data, where the method is provided in the embodiment of the present invention.
Specifically, as shown in fig. 5, step S1200 includes the steps of:
s1221, when the user triggers the components of the front-end page, acquiring target components generating error reporting data;
s1222, extracting the configuration information of the target component, and modifying the display content in the configuration information into error prompt content to prompt the user that the target component is unavailable.
In this embodiment, the error data may not be accessible when the web end previews the template, and the data set may have an error configuration or may not have access to the error data such as the data link. When error data is generated, a query can be made in the database, and when "database connection failure" occurs, it can be determined that the problem occurs on the data connection. In this case, the display content in the configuration information is modified to "unavailable" or the like, and the question is transmitted to the development terminal to prompt the worker.
An embodiment of the present invention further provides an offline monitoring method, as shown in fig. 6, and fig. 6 is a schematic basic flow diagram of another offline monitoring method provided in the embodiment of the present invention.
Specifically, as shown in fig. 6, after determining whether the duration of the offline state is longer than the preset duration, the method further includes the following steps:
s1201, when the duration of the offline state is less than or equal to the preset duration, uploading the operation data to a server;
s1202, receiving configuration parameters displayed by the modification component sent by the server;
when the duration of the offline state is less than or equal to the preset duration, the obtained operation data are usually less, the operation habits of the user cannot be accurately reflected, a large amount of user operation data are already accumulated in the server, the processing capacity of the server is higher than that of the terminal, and under the condition, the operation data are uploaded to the server so that the server can monitor and process the operation data.
And S1203, rendering the components displayed in the front-end page according to the configuration parameters.
The configuration parameters are parameters representing the display mode of the component, such as the background color, the display content, the display size, and the position of the front-end display of the component. In this embodiment, the terminal or the server renders the component according to the modified configuration parameter, so that the modified component is displayed in the front-end page.
According to the off-line monitoring method, by acquiring the network state of the terminal operation, when the terminal operation is in the off-line state, a preset off-line monitoring plug-in is called to monitor and store the user operation data in the off-line state. Therefore, data monitoring when the user uses the off-line application can be achieved, more comprehensive operation data can be obtained, effective basis is provided for optimizing projects and improving experience, and guarantee is provided for data analysis.
In order to solve the above technical problems, an embodiment of the present invention further provides an offline monitoring apparatus. Referring to fig. 7, fig. 7 is a block diagram of a basic structure of the offline monitoring apparatus according to the present embodiment.
As shown in fig. 7, an offline monitoring apparatus includes: an acquisition module 2100, a processing module 2200, and an execution module 2300. The acquiring module 2100 is configured to acquire operation data generated based on a user operation front-end page in an offline state; a processing module 2200, configured to determine whether a duration of the offline state is longer than a preset duration, and modify configuration parameters of a component in the front-end page according to the operation data to adjust a display manner of the component on the front-end page when the duration of the offline state is longer than the preset duration; and the executing module 2300 is configured to render the components displayed in the front-end page according to the modified configuration parameters.
The offline monitoring device calls a preset offline monitoring plug-in to monitor and store user operation data in the offline state by acquiring the network state of the terminal operation when the terminal operation state is the offline state. Therefore, data monitoring when the user uses the off-line application can be achieved, more comprehensive operation data can be obtained, effective basis is provided for optimizing projects and improving experience, and guarantee is provided for data analysis.
In some embodiments, the obtaining module comprises: the first acquisition submodule is used for extracting network state information from a network monitoring plug-in preset in an Vue framework; the first processing submodule is used for calling a preset offline monitoring plug-in when the network state represented by the network state information is an offline state, wherein the preset offline monitoring plug-in comprises a plurality of types of data collecting programs; and the first execution submodule is used for collecting operation data generated based on a user operation front-end page in an off-line state according to the data collection program and storing the operation data into a pre-divided storage space according to the type of the operation data.
In some embodiments, the operational data includes: the first execution submodule of the operation track of the user comprises: the second obtaining submodule is used for calling the monitoring program of the user operation track in the starting state, which is set by the user, from the data code; the second processing submodule is used for detecting a triggering event of triggering the components in the front-end page by the user by using the monitoring program; and the second execution submodule is used for determining the configuration information of the component corresponding to the trigger event, and sequencing the obtained configuration information according to the trigger sequence of the trigger events to obtain the operation track of the user.
In some embodiments, the modification of the configuration parameters comprises: displaying the configuration information of the sub-component in a front-end page of the sub-component, wherein the components triggered in the operation track comprise a parent component and the sub-components of the parent component, and the processing module comprises: the third obtaining sub-module is used for obtaining a standby component preset in a front-end page where the parent component is located; and the third processing sub-module is used for adding the configuration information of the sub-component into the configuration information of the standby component so as to display the sub-component in the front-end page where the parent component is located.
In some embodiments, the operational data further comprises: error reporting data, the modifying of the configuration parameters comprising: modifying the display content in the front-end page into error prompt content to prompt the user to report errors, wherein the processing module comprises: a fourth obtaining sub-module, configured to obtain a target component that generates the error data when the user triggers a component of the front-end page; and the fourth processing submodule is used for extracting the configuration information of the target assembly and modifying the display content in the configuration information into error prompt content so as to prompt the user that the target assembly is unavailable.
In some embodiments, further comprising: a fifth obtaining submodule, configured to upload the operation data to a server when a duration of the offline state is less than or equal to the preset duration; a sixth acquisition submodule receives the configuration parameters which are sent by the server and used for modifying the component display; and the fifth processing submodule is used for rendering the components displayed in the front-end page according to the configuration parameters.
In order to solve the above technical problem, an embodiment of the present invention further provides a computer device. Referring to fig. 8, fig. 8 is a block diagram of a basic structure of a computer device according to the present embodiment.
As shown in fig. 8, the internal structure of the computer device is schematically illustrated. As shown in fig. 8, the computer apparatus includes a processor, a nonvolatile storage medium, a memory, and a network interface connected through a system bus. The non-volatile storage medium of the computer device stores an operating system, a database and computer readable instructions, the database can store control information sequences, and the computer readable instructions when executed by the processor can enable the processor to realize an offline monitoring method. The processor of the computer device is used for providing calculation and control capability and supporting the operation of the whole computer device. The memory of the computer device may have stored therein computer readable instructions that, when executed by the processor, may cause the processor to perform a method of offline monitoring. The network interface of the computer device is used for connecting and communicating with the terminal. Those skilled in the art will appreciate that the architecture shown in fig. 8 is merely a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as particular computing devices may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
In this embodiment, the processor is configured to execute specific contents of the obtaining module 2100, the processing module 2200, and the executing module 2300 in fig. 7, and the memory stores programs and various data required for executing the modules. The network interface is used for data transmission to and from a user terminal or a server. The memory in this embodiment stores programs and data required for executing all the sub-modules in the offline monitoring method, and the server can call the programs and data of the server to execute the functions of all the sub-modules.
The method can ensure that the off-line time is longer, monitor the operation data and adjust the display mode of the component, adapt to the operation habit of the user, provide effective basis for optimizing projects and improving experience, and provide guarantee for data analysis.
The present invention also provides a storage medium storing computer-readable instructions, which when executed by one or more processors, cause the one or more processors to perform the steps of the offline monitoring method according to any one of the above embodiments.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by a computer program, which can be stored in a computer-readable storage medium, and can include the processes of the embodiments of the methods described above when the computer program is executed. The storage medium may be a non-volatile storage medium such as a magnetic disk, an optical disk, a Read-Only Memory (ROM), or a Random Access Memory (RAM).
It should be understood that, although the steps in the flowcharts of the figures are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and may be performed in other orders unless explicitly stated herein. Moreover, at least a portion of the steps in the flow chart of the figure may include multiple sub-steps or multiple stages, which are not necessarily performed at the same time, but may be performed at different times, which are not necessarily performed in sequence, but may be performed alternately or alternately with other steps or at least a portion of the sub-steps or stages of other steps.
The foregoing is only a partial embodiment of the present invention, and it should be noted that, for those skilled in the art, various modifications and decorations can be made without departing from the principle of the present invention, and these modifications and decorations should also be regarded as the protection scope of the present invention.
Claims (10)
1. An off-line monitoring method, comprising the steps of:
acquiring operation data generated based on a user operation front-end page in an offline state;
judging whether the duration of the offline state is longer than a preset duration, and modifying configuration parameters of components in the front-end page according to the operation data to adjust the display mode of the components on the front-end page when the duration of the offline state is longer than the preset duration;
and rendering the components displayed in the front-end page according to the modified configuration parameters.
2. The offline monitoring method according to claim 1, wherein said obtaining operation data generated based on a user operation front-end page in an offline state comprises:
extracting network state information from a network monitoring plug-in preset in an Vue framework;
when the network state represented by the network state information is an offline state, calling a preset offline monitoring plug-in, wherein the preset offline monitoring plug-in comprises a plurality of types of data collection programs;
and collecting operation data generated based on a user operation front-end page in an off-line state according to the data collection program, and storing the operation data into a pre-divided storage space according to the type of the operation data.
3. The offline monitoring method of claim 2, wherein the operational data comprises: the collecting, according to the data collection program, operation data generated based on a user operation front-end page in an offline state includes:
calling a monitoring program of the user operation track in a starting state, which is set by the user, from the data code;
detecting a triggering event that the user triggers a component in the front-end page by using the monitoring program;
determining configuration information of a component corresponding to the trigger event, and sequencing the obtained configuration information according to a trigger sequence of the trigger events to obtain an operation track of the user.
4. The offline monitoring method of claim 3, wherein the components triggered in the operation trace comprise parent components and child components of the parent components, and wherein the modification of the configuration parameters comprises: displaying the configuration information of the sub-component in a front-end page of the sub-component, wherein the modifying the configuration parameters of the components in the front-end page according to the operation data comprises:
acquiring a standby component preset in a front-end page where the parent component is located;
and adding the configuration information of the sub-component into the configuration information of the standby component so that the sub-component is displayed in the front page where the parent component is located.
5. The offline monitoring method of claim 3, wherein the operational data further comprises: error reporting data, the modifying of the configuration parameters comprising: modifying the display content in the front-end page into error prompt content to prompt the user to report errors, and modifying the configuration parameters of the components in the front-end page according to the operation data, including:
when the user triggers the components of the front-end page, acquiring target components generating the error data;
and extracting the configuration information of the target component, and modifying the display content in the configuration information into error prompt content to prompt the user that the target component is unavailable.
6. The offline monitoring method according to claim 1, wherein after determining whether the duration of the offline state is longer than a preset duration, the method further comprises:
when the duration of the offline state is less than or equal to the preset duration, uploading the operation data to a server;
receiving configuration parameters sent by the server and used for modifying the component display;
and rendering the components displayed in the front-end page according to the configuration parameters.
7. An offline monitoring device, comprising:
the acquisition module is used for acquiring operation data generated by an offline state based on a user operation front-end page;
the processing module is used for judging whether the duration of the offline state is longer than a preset duration or not, and modifying the configuration parameters of the components in the front-end page according to the operation data to adjust the display mode of the components on the front-end page when the duration of the offline state is longer than the preset duration;
and the execution module is used for rendering the components displayed in the front-end page according to the modified configuration parameters.
8. The offline monitoring device of claim 7, wherein the obtaining module comprises:
the first acquisition submodule is used for extracting network state information from a network monitoring plug-in preset in an Vue framework;
the first processing submodule is used for calling a preset offline monitoring plug-in when the network state represented by the network state information is an offline state, wherein the preset offline monitoring plug-in comprises a plurality of types of data collecting programs;
and the first execution submodule is used for collecting operation data generated based on a user operation front-end page in an off-line state according to the data collection program and storing the operation data into a pre-divided storage space according to the type of the operation data.
9. A computer device comprising a memory and a processor, the memory having stored therein computer readable instructions which, when executed by the processor, cause the processor to carry out the steps of the offline monitoring method of any one of claims 1 to 6.
10. A storage medium having stored thereon computer-readable instructions which, when executed by one or more processors, cause the one or more processors to perform the steps of the offline monitoring method of any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910894045.0A CN110781052A (en) | 2019-09-20 | 2019-09-20 | Offline monitoring method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910894045.0A CN110781052A (en) | 2019-09-20 | 2019-09-20 | Offline monitoring method and device, computer equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110781052A true CN110781052A (en) | 2020-02-11 |
Family
ID=69384292
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910894045.0A Pending CN110781052A (en) | 2019-09-20 | 2019-09-20 | Offline monitoring method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110781052A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111309558A (en) * | 2020-02-19 | 2020-06-19 | 望海康信(北京)科技股份公司 | Method, device, equipment and storage medium for collecting vue event data in frame |
| CN111571643A (en) * | 2020-05-27 | 2020-08-25 | 淮安信息职业技术学院 | Robot off-line programming working time control and safety protection device |
| CN114244895A (en) * | 2021-12-21 | 2022-03-25 | 北京京东振世信息技术有限公司 | Control method and device of handheld mobile terminal, electronic equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102457499A (en) * | 2010-10-26 | 2012-05-16 | 腾讯科技（深圳）有限公司 | Offline working method for client, and offline working client |
| CN106100936A (en) * | 2016-08-10 | 2016-11-09 | 乐视控股（北京）有限公司 | Webpage method for monitoring performance and device and the webserver, client |
| CN107864066A (en) * | 2017-08-24 | 2018-03-30 | 平安普惠企业管理有限公司 | Offline H5 pages monitoring method, device, equipment and readable storage medium storing program for executing |
| CN108810057A (en) * | 2017-05-05 | 2018-11-13 | 腾讯科技（深圳）有限公司 | Acquisition method, device and the storage medium of user behavior data |
| CN109710440A (en) * | 2018-12-14 | 2019-05-03 | 平安科技（深圳）有限公司 | Abnormality eliminating method, device, storage medium and the terminal device of webpage front-end |
-
2019
- 2019-09-20 CN CN201910894045.0A patent/CN110781052A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102457499A (en) * | 2010-10-26 | 2012-05-16 | 腾讯科技（深圳）有限公司 | Offline working method for client, and offline working client |
| CN106100936A (en) * | 2016-08-10 | 2016-11-09 | 乐视控股（北京）有限公司 | Webpage method for monitoring performance and device and the webserver, client |
| CN108810057A (en) * | 2017-05-05 | 2018-11-13 | 腾讯科技（深圳）有限公司 | Acquisition method, device and the storage medium of user behavior data |
| CN107864066A (en) * | 2017-08-24 | 2018-03-30 | 平安普惠企业管理有限公司 | Offline H5 pages monitoring method, device, equipment and readable storage medium storing program for executing |
| CN109710440A (en) * | 2018-12-14 | 2019-05-03 | 平安科技（深圳）有限公司 | Abnormality eliminating method, device, storage medium and the terminal device of webpage front-end |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111309558A (en) * | 2020-02-19 | 2020-06-19 | 望海康信(北京)科技股份公司 | Method, device, equipment and storage medium for collecting vue event data in frame |
| CN111309558B (en) * | 2020-02-19 | 2021-06-15 | 望海康信(北京)科技股份公司 | Method, device, equipment and storage medium for collecting vue event data in frame |
| CN111571643A (en) * | 2020-05-27 | 2020-08-25 | 淮安信息职业技术学院 | Robot off-line programming working time control and safety protection device |
| CN114244895A (en) * | 2021-12-21 | 2022-03-25 | 北京京东振世信息技术有限公司 | Control method and device of handheld mobile terminal, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11068323B2 (en) | Automatic registration of empty pointers | |
| US10021169B2 (en) | Mobile application daily user engagement scores and user profiles | |
| US8756593B2 (en) | Map generator for representing interrelationships between app features forged by dynamic pointers | |
| US8589876B1 (en) | Detection of central-registry events influencing dynamic pointers and app feature dependencies | |
| US7827486B2 (en) | Evaluation of visual content usage | |
| CN110781052A (en) | Offline monitoring method and device, computer equipment and storage medium | |
| CN111176960B (en) | User operation behavior tracking method, device, equipment and storage medium | |
| CN108874268B (en) | User behavior data acquisition method and device | |
| CN107239389A (en) | A kind of method and device that user operation records are determined in mixing APP | |
| US20170228107A1 (en) | Generating predictive action buttons within a graphical user interface | |
| CN111552633A (en) | Interface abnormal call testing method and device, computer equipment and storage medium | |
| CN109783335B (en) | User operation recording and restoring method, device and equipment and readable storage medium | |
| CN112612393B (en) | Interaction method and device of interface function | |
| CN115017400A (en) | Application APP recommendation method and electronic equipment | |
| CN113297609A (en) | Method and device for monitoring privacy acquisition behaviors for small programs | |
| US9104573B1 (en) | Providing relevant diagnostic information using ontology rules | |
| CN112817817A (en) | Buried point information query method and device, computer equipment and storage medium | |
| CN112817831A (en) | Application performance monitoring method, device, computer system and readable storage medium | |
| CN112182295A (en) | Business processing method and device based on behavior prediction and electronic equipment | |
| CN116069535A (en) | Abnormality monitoring method and device, equipment and medium thereof | |
| CN115794545A (en) | Automatic processing method of operation and maintenance data and related equipment thereof | |
| CN109889584B (en) | Operation scheme pushing method, device and system and server | |
| CN116610552A (en) | Test case recommendation method and device, storage medium and electronic equipment | |
| CN112596846A (en) | Method and device for determining interface display content, terminal equipment and storage medium | |
| CN113238931A (en) | Test coverage calculation method and device based on execution path tracking technology |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |