WO2020134754A1

WO2020134754A1 - Page communication method and apparatus, computer device and storage medium

Info

Publication number: WO2020134754A1
Application number: PCT/CN2019/120032
Authority: WO
Inventors: 饶建兵
Original assignee: 广州市百果园信息技术有限公司
Priority date: 2018-12-29
Filing date: 2019-11-21
Publication date: 2020-07-02
Also published as: CN111385336A

Abstract

Disclosed in the present application are a page communication method and apparatus, a computer-readable storage medium and a terminal, comprising: acquiring a first communication request sent by a client page; establishing a communication connection between the client page and a server page according to the first communication request; and according to the communication connection, the client page monitoring a status change of the server page so that the page status of the client page and the server page changes synchronously. Therefore, when the same status update is required between a plurality of different pages, the server side only needs to send status change information to one of the pages, and the other pages may synchronously adjust of the status by means of monitoring changes of the status information of the page. The present invention may effectively reduce the burden on the server side and prevent the waste of network resources.

Description

Page communication method, device, computer equipment and storage medium

Technical field

The present application relates to the field of communication technology. Specifically, the present application relates to a page communication method, device, computer equipment, and storage medium.

Background technique

With the development of computer technology, the computer is only a tool for office, communication or entertainment for users. The computer terminal is a device directly operated by the user. The computer terminal can only provide users with services supported by local data. When the user needs to obtain data other than local data, the user needs to obtain it through the Internet.

In the prior art, the most commonly used tool for obtaining external data and information through the Internet is a browser, and each page in the browser is independent of each other. Any change in the status of the content of a page needs to obtain data from the corresponding server. Adjust the page status. Therefore, when a computer terminal opens multiple browser pages, it will cause a heavy burden on the server side. At the same time, when each page communicates with the server side on the same matter, it will also cause network resources. waste.

Summary of the invention

A page communication method, including:

Obtain the first communication request sent by the client page;

Establishing a communication connection between the client page and the server page according to the first communication request, wherein the communication connection is for the server page to store state information in a designated storage area, and the client page monitors State information changes in the storage area;

The client page monitors the status change of the server page according to the communication connection, so that the page status of the client page and the server page changes synchronously.

A page communication device, including:

The obtaining module is used to obtain the first communication request sent by the client page;

A processing module, configured to establish a communication connection between the client page and the server page according to the first communication request, wherein the communication connection is for the server page to store state information in a designated storage area, the The client page monitors the change of state information in the storage area;

The execution module is configured to monitor the state change of the server page according to the communication connection, so that the page state of the client page and the server page change synchronously.

A computer device includes a memory and a processor, and the memory stores computer-readable instructions. When the computer-readable instructions are executed by the processor, the processor causes the processor to perform the steps of the page communication method .

A storage medium storing computer-readable instructions, when the computer-readable instructions are executed by one or more processors, causes the one or more processors to perform the steps of the page communication method described above.

The beneficial effect of the embodiment of the present application is that: when a communication request is initiated on the client page, a dedicated storage area is specified in the memory, and the storage area accepts the writing of the status information of the server page, and at the same time, the storage area is received by the client Page monitoring, when the server page writes the status information in the storage area, the client page obtains the change of the page status information in the storage area by monitoring, if the status information changes are monitored, according to the status information written by the server page , Adjust the status of its own page to make it consistent with the server page. Therefore, when the same status update is required between multiple different pages, the server only needs to send status change information to one of the pages, and other pages can realize the synchronous adjustment of the status by monitoring the status information change of the page. It can effectively reduce the burden on the server and avoid the waste of network resources.

BRIEF DESCRIPTION

FIG. 1 is a schematic flowchart of a page communication method according to an embodiment of the present application;

FIG. 2 is a schematic diagram of a process of confirming state change information on a client page in a specific embodiment of the present application through information comparison;

FIG. 3 is a schematic flowchart of synchronization of screening status information according to a specific embodiment of the application;

4 is a schematic flowchart of confirming the state synchronization effect through image comparison according to an embodiment of the present application;

FIG. 5 is a schematic flowchart of similarity comparison through a neural network model according to an embodiment of the present application;

6 is a schematic flowchart of establishing a cross-domain communication connection according to an embodiment of the present application;

7 is a schematic flowchart of cross-domain communication by means of communication messages according to an embodiment of the present application;

8 is a schematic diagram of a basic structure of a page communication device according to an embodiment of the application;

9 is a block diagram of a basic structure of a computer device according to an embodiment of the present application.

detailed description

As shown in FIG. 1, a page communication method includes:

S1100: Obtain the first communication request sent by the client page;

Open multiple pages at the same time in a browser or APP with the same domain name, for example, after entering the "X-Cat" online store in the browser, open the pages of different sellers in the store to browse or open multiple live broadcast rooms in the live broadcast platform When viewing, multiple pages of the seller have the same domain name, and multiple live broadcast rooms also have the same domain name. That is, the above multiple pages or multiple live broadcast windows have the same domain name.

The client page refers to a page or window that obtains status information by monitoring in a page with the same domain name. In this embodiment, the carrier of the client page can be various applications such as a browser, APP, or office software.

The first communication request is a request message sent by the client page requesting to connect to the specified domain page (server page). It should be noted that, in this embodiment, the client page can specify to monitor one page in the same domain, and can also monitor multiple pages in the same domain, for example, two, three, four, or more pages in the same domain. Domain pages are collectively called server pages of client pages.

In some embodiments, the first communication request includes: tabid, tab page url, common password three data content, used to indicate who "I" communicates with, or "I" communicates with any page in the same domain but "my" The password is xxx. However, the data structure of the first communication request in this embodiment is not limited to this. In some embodiments, the data structure of the first communication request further includes: a callback function, which is used to complete After a communication request, a function to call back notification data to the client page.

S1200. Establish a communication connection between the client page and the server page according to the first communication request, where the communication connection is for the server page to store state information in a designated storage area, and the client page Monitoring the change of state information in the storage area;

After receiving the first communication request, the server page processes the first communication request, and the processing result is that a communication connection between the client page and the server page is established.

The communication link specifies a storage area in the memory for the server-side page. Once the storage area is set to be permanently available (the browser or other applications are closed and then reopened, the data still exists, and it needs to be manually cleared before it can be erased). After the storage area is established, the server page can store the state change information sent by the server side to the storage area.

The client page refers to a page or window that allows the client page that monitors it to adjust the synchronization status by publishing its own status change information on a page with the same domain name. It should be noted that the client page can directly obtain the status change information through the server, and can also obtain the status change information by monitoring other server pages. The server page can establish a communication connection with one or more client pages,

In this embodiment, the state change information refers to (not limited to) turning on or off certain function modules in the page or window, changing the display color of the page or window, system notification messages, or changes in page general data, and so on.

S1300. The client page monitors the status change of the server page according to the communication connection, so that the page status of the client page and the server page changes synchronously.

After the client page and the server page establish a communication connection by monitoring, the client periodically detects whether the status information stored in the area has changed. If there is a change, the client page obtains the status in the storage area Information, and adjust its own state according to the state information; if there is no change, continue to maintain the current display state, and compare the state information within the next comparison time. In some embodiments, the status update of the client page uses a notification response mechanism. When the server page writes new status data, it triggers the message notification setting in the storage area to send the update message to the client page. The client page After receiving the update message, the new status message in the storage area is extracted.

In some embodiments, the server page can write all page status information to the storage area, but the client page can filter the updated content according to the set requirements, and then select the state information that meets the set requirements according to the filtering results Synchronize and discard status information that does not meet the set requirements.

In the above embodiment, when a communication request is initiated on the client page, a dedicated storage area is designated in the memory, and the storage area accepts the writing of the status information of the server page. At the same time, the storage area is monitored by the client page. After the end page writes the status information in the storage area, the client page obtains the change of the page status information in the storage area by monitoring. If the status information changes, the page status of the own page is monitored according to the status information written by the server page. Adjust so that the page status is consistent with the server page. Therefore, when the same status update is required between multiple different pages, the server only needs to send status change information to one of the pages, and other pages can realize the synchronous adjustment of the status by monitoring the status information change of the page. It can effectively reduce the burden on the server and avoid the waste of network resources.

In some embodiments, when monitoring information on the client page, it is confirmed whether a change in status information occurs in the storage area through a time comparison. Please refer to FIG. 2. FIG. 2 is a schematic flowchart of the process of confirming the status change information on the client page through information comparison in this embodiment.

As shown in FIG. 2, step S1300 shown in FIG. 1 specifically includes:

S1311: Obtain state information in the storage area;

When a collection and comparison time node arrives, the client page reads the state information representing the state content of the server page in the designated storage area. For example, the client page reads the status information in the storage area every 0.5s, but the frequency of reading the status information on the client page is not limited to this. Depending on the specific application scenario, the client page can be at a smaller time interval or Read status information at larger intervals.

S1312: Compare the state information with a preset first target state;

Compare the state information collected in the current collection node with the first target state, where the first target state is the state information collected by the last collection node. That is, check whether the status information of the two collection nodes before and after is consistent. The comparison method includes file naming comparison and content comparison. The file naming comparison means comparing the naming of the two status information, and the content comparison is to compare whether the information content of the two status information is consistent. The comparison method can be compared by Hamming distance or Hamming distance.

S1313. When the state information is inconsistent with the first target state, confirm that the state information stored in the storage area has changed.

When the status information of the comparison result is inconsistent with the first target state, it indicates that the status content of the server page has changed. The client page confirms that the status content of the server page has changed through the comparison result, and starts the status adjustment process.

By monitoring the storage area and comparing whether the status information is consistent, you can quickly determine the change of the page status information in the storage area, you can quickly learn the status information changes, and achieve status synchronization.

In some embodiments, for the state change of the server page, the client page does not need to be completely synchronized, but only needs to synchronize the state change of the format or content. Please refer to FIG. 3, which is a schematic diagram of a process of synchronizing the screening status information of this embodiment.

Please refer to FIG. 3, after step S1313 shown in FIG. 2 includes:

S1321: Obtain state change information in the storage area;

When it is confirmed that the status information in the storage area has changed, the updated status information in the storage area is defined as status change information. The state change information is read to identify whether the state change information is a set state change.

S1322: Identify whether the state change information is a preset second target state according to a preset state list;

According to the set state list, identify whether the state change information is a preset second target state. Among them, the state list is set according to the state change requirement of the client page, and the list formed by recording the state change type of the client page. The second target state is the type of state specified on the client page that needs to be changed synchronously. By comparing the obtained state change information with the state list, it can be determined whether the state type represented by the state change information is the specified state change type of the client page.

S1323. When the content characterized by the state change information is consistent with the content of the second target state, the client page adjusts the page content according to the state change information.

When the content represented by the state change information is consistent with the content of the second target state, it indicates that the state type represented by the state change information is consistent with the change type set on the client page, and the client needs to perform the state according to the state type represented by the state change information. Synchronization to achieve the purpose of following and adjusting the page content.

For example, in response to changes in storage through StorageEvent, whenever the Storage object (status information) changes (that is, when creating/updating/deleting data items, repeatedly setting the same key value will not trigger the event.) Only when a specified change occurs in a state change, for example, a new label will change.

For another example, in some embodiments, the user opens the online store through a browser to make a purchase. Due to the previous shopping behavior of the user account, the online store opens a lottery reward to the user account, and a prompt module prompting the user to perform the lottery will be available on the online All pages of the mall are displayed. Then set all pages in the same domain name page to monitor the status of the lottery module in other pages. The status changes other than the status of the lottery drawing module are not synchronized. At this time, if the user enters the lottery center through a page to complete the lottery draw, the status of the lottery reminder module of the page changes to the closed state, and the status update information will be It is monitored by other pages, and it is executed synchronously. The lottery prompt module in each page is closed to complete selective data synchronization.

By setting selective synchronization conditions, the client page can selectively synchronize the status changes of the server page, ensure personalized content between pages in the same domain, reduce the frequency of data interaction, and release the terminal's operating burden.

In some embodiments, in order to detect the results of state adjustment between pages, it is necessary to perform image comparison on the content of the page after state synchronization to confirm the effect of state synchronization. Please refer to FIG. 4, which is a schematic diagram of a process for confirming a state synchronization effect through image comparison in this embodiment.

As shown in FIG. 4, after step S1323 shown in FIG. 3, it includes:

S1410: Acquire a screenshot of the first page of the client page and a screenshot of the second page of the server page;

After the client page completes the state synchronization, a screenshot of the first page of the client page and a screenshot of the second page of the server page are taken. The first page screenshot and the second page screenshot can be a complete page screenshot of the client page and the server page, or can be a local address in the area where the status changes of the client page and the server page are located.

S1420. Compare the similarity between the first page screenshot and the second page screenshot;

The similarity between the first page screenshot and the second page screenshot is performed by image comparison. The comparison method can be the similarity of the two screenshots by the contour comparison method, overlap comparison method or neural network model Compare, get the similarity of the two screenshots.

S1430. When the similarity is less than the preset first threshold, re-adjust the page content of the client page.

Compare the similarity obtained by the comparison with the set first threshold, where the first threshold is a set value used to measure the lowest similarity standard between the first screenshot and the second screenshot, for example, 80 %. However, the value of the first threshold is not limited to this. Depending on the specific application scenario, the value range of the first threshold can be set selectively, because the value of the first threshold and the first screenshot image and the second The requirements for the similarity between screenshot pictures are proportional to each other. Therefore, the value of the first threshold is set with reference to the requirements for the similarity between the first screenshot pictures and the second screenshot pictures.

When the similarity is less than the preset first threshold, the page content of the client page is adjusted again. During the readjustment, the client page reads the state change information again, and adjusts the state according to the state content represented by the state change information.

Through image comparison, it is possible to quickly identify whether there is a gap between the status of the client page and the server page after synchronization, which can effectively avoid the problem of synchronization errors caused by information errors.

In some embodiments, a similarity comparison between the first screenshot and the second screenshot needs to be performed through a neural network model. Please refer to FIG. 5, which is a schematic diagram of a similarity comparison process using a neural network model in this embodiment.

As shown in FIG. 5, step S1420 shown in FIG. 4 includes:

S1421: Input the first screenshot picture and the second screenshot picture into a preset similarity judgment model, wherein the similarity judgment model is pre-trained to a converged state, used for judging the similarity of pictures Neural network model;

The first screenshot picture and the second screenshot picture are input into a preset similarity judgment model for similarity comparison. Among them, the similarity judgment model is a neural network model trained in advance to a convergence state. The similarity judgment model can be a convolutional neural network model (CNN) that has been trained to a convergence state, but, not limited to this, the similarity judgment model can also be: deep neural network model (DNN), recurrent neural network model (RNN ) Or the deformation models of the above three network models.

During training, the initial neural network model as a similarity judgment model collects a large number of pictures as training samples, and the training samples are presented in a relative manner to the pictures, that is, one training sample includes two pictures, and the content of the two pictures can be Completely different, partially similar or completely the same, after manually observing the similarity of the two pictures in the training sample, calibrate each training sample (calibration refers to the artificially determined similarity between the two images in the training sample) . Then input the training sample into the initial neural network model, and obtain the classification result of the model output (the classification result is the similarity of the training sample obtained by the model), and calculate the classification result and the calibration result through the loss function of the neural network model The distance between them (for example: Euclidean distance, Mahalanobis distance, cosine distance, etc.), compare the calculation result with the set distance threshold, if the calculation result is less than or equal to the distance threshold, then pass the verification and continue to the next training sample Training, if the calculation result is greater than the distance threshold, the difference between the two is calculated through the loss function, and the weights in the neural network model are corrected by back propagation, so that the neural network model can improve the training sample and can accurately express the similarity between the two. The weight of the pixels of degree is used to increase the accuracy of judgment. After training by looping through the above scheme and a large number of training samples, if the accuracy of the neural network model obtained by the training to the image similarity is greater than a certain value, for example, 96%, then the neural network model is trained to the convergence state, then The neural network trained to convergence is the similarity judgment model.

The similarity judgment model trained to the convergence state can accurately judge the similarity between the first screenshot picture and the second screenshot picture.

S1422: Obtain a classification result output by the similarity judgment model, where the classification result represents the similarity between the first page screenshot and the second page screenshot.

Since the classification result of the similarity judgment model is similarity, for example, the similarity is less than 60%, 70%, 80%, 90%, and 100%. The similarity between the screenshot of the first page and the screenshot of the second page can be known by obtaining the classification result output by the similarity judgment model.

By judging the similarity between the first page screenshot and the second page screenshot through the neural network model, the similarity value between the two values can be quickly and accurately obtained.

In some embodiments, when the client page needs to perform cross-domain state synchronization or message delivery, it is necessary to establish a cross-domain communication connection. Please refer to FIG. 6, which is a schematic flowchart of establishing a cross-domain communication connection in this embodiment.

As shown in FIG. 6, after step S1300 shown in FIG. 5 includes:

S1510: Obtain a second communication request sent by the client page, where the second communication request is a cross-domain communication request;

When the client page needs to perform cross-domain state synchronization or data exchange, the client sends a second communication request to the ticket page. Among them, there are three data contents: tabid, tab page url, and ordinary password, which are used to indicate who "I" communicates with, or "I" communicates with any page in the same domain but the password of "I" is xxx.

In this embodiment, the invoice frame in the browser page is IFRAME. IFRAME is an HTML tag that functions as a document in a document, or a floating frame (FRAME). The iframe element creates an inline frame (that is, an inline frame) that contains another document. The <iframe> tag specifies an inline frame. An inline framework is used to embed another document (cross-domain server page) in the current HTML document (client page). In this embodiment, cross-domain refers to that the client page and the server page do not have the same domain name. For example, the page content represented by the client page is a "X-cat" web page, and the page content represented by the server page is The web page of "Su Xesco".

S1520. Send the second communication request to a cross-domain communication page through a preset ticket page to establish a cross-domain communication connection, where the ticket page is an inline embedded in the client page and the cross-domain communication page frame.

Because it can be embedded in both the client page and the server page. Therefore, after the client page sends the second communication request, the second communication request can be sent to the cross-domain server page according to the URL characterizing the location of the server page in the content of the second communication request. After receiving the second communication request, the server page returns data to the client page to complete the cross-domain communication connection.

By setting the bill page, a communication connection can be established between pages with different domain names for data exchange, and data transmission between domains can also be synchronized in time. For example, how to send the order and payment information in "X Cat" to "Su X E-commerce" synchronously through the "Su X-Ease" online store in "X-Cat" to complete the two databases When the order and payment information are synchronized, cross-domain communication can be used. Can greatly save network resources.

In some embodiments, messages can be transferred in a message manner during cross-domain communication. Please refer to FIG. 7, which is a schematic flowchart of cross-domain communication by means of communication messages in this embodiment.

As shown in FIG. 7, the steps of S1520 shown in FIG. 6 include:

S1521: Convert the second communication request into a communication message, where the communication message includes a communication address of the cross-domain communication page as a communication target;

During cross-domain message propagation, the content in the second communication request is converted into a communication message, and data transmission is performed in the format of the communication message, where the message includes a cross-domain communication page (cross-domain server page) as a communication target Address (URL).

S1522: Forward the communication message to the cross-domain communication page according to the communication page and the ticket page, so that the client page establishes a cross-domain communication connection with the cross-domain communication page.

The ticket page uses the window.postMessage() method to safely implement cross-origin communication. When the window.postMessage() method is called, a MessageEvent message is dispatched to the server page according to the communication address after the execution of the client page script is completed (a second communication request is issued) to establish a cross-domain communication connection. When the server page sends a message to the client page, the message is also passed in the same way.

As shown in FIG. 8, a page communication device includes: an acquisition module 2100, a processing module 2200, and an execution module 2300. The obtaining module 2100 is used to obtain the first communication request sent by the client page; the processing module 2200 is used to establish a communication connection between the client page and the server page according to the first communication request, and the communication connection is that the server page is in a designated storage area Storing state information, the client page monitors the change of state information in the storage area; the execution module 2300 is used to monitor the state change of the server page according to the communication connection client page, so that the page state of the client page and the server page changes synchronously.

The page communication device designates a dedicated storage area in the memory by initiating a communication request on the client page. The storage area accepts the writing of the status information of the server page. At the same time, the storage area is monitored by the client page. After the end page writes the status information in the storage area, the client page obtains the change of the page status information in the storage area by monitoring. If the status information changes, the page status of the own page is monitored according to the status information written by the server page. Adjust so that the page status is consistent with the server page. Therefore, when the same status update is required between multiple different pages, the server only needs to send status change information to one of the pages, and other pages can realize the synchronous adjustment of the status by monitoring the status information change of the page. It can effectively reduce the burden on the server and avoid the waste of network resources.

In some embodiments, the page communication device further includes: a first acquisition submodule, a first processing submodule, and a first execution submodule. Among them, the first acquisition sub-module is used to acquire the state information in the storage area; the first processing sub-module is used to compare the state information with the preset first target state; the first execution sub-module is used to check the state information When it is inconsistent with the first target state, it is confirmed that the state information stored in the storage area has changed.

In some embodiments, the page communication device further includes: a second acquisition submodule, a second processing submodule, and a second execution submodule. The second acquisition submodule is used to acquire state change information in the storage area; the second processing submodule is used to identify whether the state change information is the preset second target state according to the preset state list; the second execution submodule When the content characterized by the state change information is consistent with the content of the second target state, the client page adjusts the page content according to the state change information.

In some embodiments, the page communication device further includes: a third acquisition submodule, a third processing submodule, and a third execution submodule. Among them, the third acquisition submodule is used to acquire the first page screenshot of the client page and the second page screenshot of the server page; the third processing submodule is used to compare the similarity between the first page screenshot and the second page screenshot The third execution submodule is used to re-adjust the page content of the client page when the similarity is less than the preset first threshold.

In some embodiments, the page communication device further includes: a fourth processing submodule and a fourth execution submodule. Among them, the fourth processing sub-module is used to input the first screenshot picture and the second screenshot picture into a preset similarity judgment model, wherein the similarity judgment model is pre-trained to a convergent state, and is used to carry out the similarity of the pictures Neural network model for judgment; the fourth execution submodule is used to obtain the classification result output by the similarity judgment model, wherein the classification result represents the similarity between the screenshot of the first page and the screenshot of the second page.

In some embodiments, the page communication device further includes: a fourth acquisition submodule and a fifth processing submodule. Wherein, the fourth obtaining sub-module obtains the second communication request sent by the client page, wherein the second communication request is a cross-domain communication request; the fifth processing sub-module is used to send the second communication request to the preset ticket page to The cross-domain communication page establishes a cross-domain communication connection, where the ticket page is an inline frame embedded in the client page and the cross-domain communication page.

In some embodiments, the page communication device further includes: a sixth processing submodule and a fifth execution submodule. Among them, the sixth processing submodule is used to convert the second communication request into a communication message, where the communication message includes the communication address of the cross-domain communication page as the communication target; the fifth execution submodule is used to convert the The communication message is forwarded to the cross-domain communication page, so that the client page establishes a cross-domain communication connection with the cross-domain communication page.

An embodiment of the present application further provides a terminal, and the terminal includes:

One or more processors;

Storage device for storing one or more programs,

When the one or more programs are executed by the one or more processors, the one or more processors implement any one of the foregoing page communication methods.

9 is a block diagram of a partial structure of a mobile phone related to a computer device provided by an embodiment of the present application. 9, the mobile phone includes: a radio frequency (Radio Frequency) circuit 210, a storage device 220, an input unit 230, a display unit 240, a sensor 250, an audio circuit 260, a wireless fidelity (Wi-Fi) module 270, The processor 280, the power supply 290 and other components.

The RF circuit 210 can be used to receive and send signals during receiving and sending information or during a call. In particular, after receiving the downlink information of the base station, it is processed by the processor 280; in addition, the uplink data designed to be sent to the base station. The storage device 220 may be used to store software programs and modules, and the processor 280 executes various functional applications and data processing of the mobile phone by running the software programs and modules stored in the storage device 220. The input unit 230 may include a touch panel 231 and other input devices 232. The display unit 240 may be used to display information input by the user or information provided to the user and various menus of the mobile phone. The display unit 240 may include a display panel 241. Further, the touch panel 231 can cover the display panel 241. The mobile phone may also include at least one sensor 250. The audio circuit 260, the speaker 261, and the microphone 262 may provide an audio interface between the user and the mobile phone. Wi-Fi is a short-distance wireless transmission technology, and the mobile phone can help users send and receive emails, browse web pages, and access streaming media through the Wi-Fi module 270. The processor 280 is a control center of the mobile phone. Optionally, the processor 280 may include one or more processing units.

In an embodiment, the computer device includes one or more processors 280, and one or more storage devices 220, one or more application programs, wherein the one or more application programs are stored in the storage device 220 and It is configured to be executed by the one or more processors 280, and the one or more application programs are configured to execute the page communication method described in the above embodiments.

An embodiment of the present application further provides a computer-readable storage medium on which a computer program is stored, and when the program is executed by a processor, any one of the foregoing page communication methods is implemented.

Claims

A page communication method, including:

Obtain the first communication request sent by the client page;

Establishing a communication connection between the client page and the server page according to the first communication request, wherein the communication connection is for the server page to store state information in a designated storage area, and the client page monitors State information changes in the storage area;

The client page monitors the status change of the server page according to the communication connection, so that the page status of the client page and the server page changes synchronously.
The page communication method according to claim 1, wherein the client page monitors the status change of the server page according to the communication connection, so that the client page and the server page The synchronization of page status changes includes:

Obtaining status information in the storage area;

Compare the state information with a preset first target state;

When the state information is inconsistent with the first target state, it is confirmed that the state information stored in the storage area has changed.
The page communication method according to claim 2, wherein after confirming that the state information stored in the storage area has changed when the state information is inconsistent with the first target state, the method includes:

Acquiring state change information in the storage area;

Identify whether the state change information is a preset second target state according to a preset state list;

When the content characterized by the state change information is consistent with the content of the second target state, the client page adjusts the page content according to the state change information.
The page communication method according to claim 3, wherein when the content characterized by the state change information is consistent with the content of the second target state, the client page is adjusted according to the state change information After the page content, including:

Acquiring a first page screenshot of the client page and a second page screenshot of the server page;

Comparing the similarity between the screenshot of the first page and the screenshot of the second page;

When the similarity is less than the preset first threshold, adjust the page content of the client page again.
The page communication method according to claim 4, wherein comparing the similarity between the first page screenshot and the second page screenshot includes:

Input the first page screenshot image and the second page screenshot image into a preset similarity judgment model, wherein the similarity judgment model is pre-trained to a converged state for judging the similarity of pictures Neural network model;

Obtaining a classification result output by the similarity judgment model, wherein the classification result represents the similarity between the first page screenshot and the second page screenshot.
The page communication method according to claim 1, wherein the client page monitors the status change of the server page according to the communication connection, so that the client page and the server page After the page status changes synchronously, including:

Acquiring a second communication request sent by the client page, where the second communication request is a cross-domain communication request;

Sending the second communication request to a cross-domain communication page through a preset bill page to establish a cross-domain communication connection, wherein the bill page is an inline frame embedded in the client page and the cross-domain communication page.
The page communication method according to claim 6, wherein the sending the second communication request to the cross-domain communication page through a preset bill page includes establishing a cross-domain communication connection:

Converting the second communication request into a communication message, where the communication message includes the communication address of the cross-domain communication page as a communication target;

Forward the communication message to the cross-domain communication page according to the communication address and the ticket page, so that the client page establishes a cross-domain communication connection with the cross-domain communication page.
A page communication device, including:

The obtaining module is used to obtain the first communication request sent by the client page;

A processing module, configured to establish a communication connection between the client page and the server page according to the first communication request, wherein the communication connection is for the server page to store state information in a designated storage area, the The client page monitors the change of state information in the storage area;

The execution module is configured to monitor the state change of the server page according to the communication connection, so that the page state of the client page and the server page change synchronously.
A computer device includes a memory and a processor, and the memory stores computer-readable instructions. When the computer-readable instructions are executed by the processor, the processor causes the processor to execute any one of claims 1 to 7. A step of the page communication method according to claim.
A storage medium storing computer-readable instructions, which when executed by one or more processors, causes the one or more processors to execute as described in any one of claims 1 to 7. Steps of page communication method.