CN110636384A

CN110636384A - System and method for realizing synchronization of one master and multiple slaves of webpage

Info

Publication number: CN110636384A
Application number: CN201910851596.9A
Authority: CN
Inventors: 贺睿
Original assignee: Beijing Yiou Education Technology Co Ltd
Current assignee: Beijing Yiou Education Technology Co Ltd
Priority date: 2019-09-10
Filing date: 2019-09-10
Publication date: 2019-12-31
Anticipated expiration: 2039-09-10
Also published as: CN110636384B

Abstract

The invention discloses a system and a method for realizing synchronization of a master and multiple slaves of a webpage, wherein the system comprises the following steps: the Proxy module, the Service module and the Cache module are arranged on the server; the Proxy module is used for acquiring demonstration contents of websites when receiving access request websites sent by the demonstration client; calling a Cache module for storage, sending the demonstration content to a demonstration client, simultaneously generating an event for demonstrating the website content of the demonstration client, and informing a Service module of the event; the system is also used for acquiring the demonstration content from the Cache module when receiving a request website sent by the watching client and sending the demonstration content to the watching client; the Service module is used for creating a global unique demonstration ID and establishing connection with all current clients participating in the demonstration; the client is also used for notifying the event to the watching client when receiving the event notification of the Proxy module; and the Cache module is used for storing demonstration contents of demonstration.

Description

System and method for realizing synchronization of one master and multiple slaves of webpage

Technical Field

The invention relates to the field of network video teaching/conference systems, in particular to a system and a method for realizing synchronization of one master and multiple slaves of a webpage.

Background

At present, in scenes such as conferences/teaching and the like, which need to be remotely demonstrated to others to see some web interfaces, the conventional method is to capture one frame of image of a desktop or an application, transmit the captured image to an opposite side according to a video stream mode, and decode and display the image after the opposite side receives flow. However, video transmission requires a large amount of traffic and occupies a high bandwidth, and thus requires a high bandwidth, resulting in high cost and slow response speed. If the bandwidth is reduced, the resolution or the frame rate must be reduced, but the reduced resolution causes the opposite side to see the picture not clearly, and the reduced frame rate causes the opposite side to feel slow response and pause.

Disclosure of Invention

The invention aims to overcome the technical defects and provides a method for realizing synchronization of a webpage with multiple masters and multiple slaves by adopting a network proxy and a cache.

In order to achieve the above object, the present invention provides a system for synchronizing a master with multiple slaves in a web page, the system comprising: the Proxy module, the Service module and the Cache module are arranged on the server;

the Proxy agent module is used for acquiring the Content URLx-Content of the website URLx when receiving an access request website URLx sent by the demonstration client; calling a Cache module for storage, sending the URLx-Content to a demonstration client, generating an event of a demonstration website URLx of the demonstration client at the same time, and informing a Service module of the event; the system is also used for acquiring Content URLx-Content from the Cache module and sending the Content URLx-Content to the watching client when receiving a request website URLx sent by the watching client;

the Service module is used for creating a global unique demonstration ID and establishing connection with all current clients participating in the demonstration; the client is also used for notifying the event to the watching client when receiving the event notification of the Proxy module;

and the Cache module is used for storing the Content URLx-Content of the demonstration.

As an improvement of the above system, the Cache module includes: cache, Cache storage interface, Cache query interface and Cache delete interface;

the Cache is a Hash table, the Key Value Key is URL + demonstration ID, and the Content Value is Content URLx-Content;

the Cache storage interface stores contents into a Hash table through a Key;

the Cache query interface queries and acquires contents from the Hash table through a Key;

and the Cache deleting interface deletes the Key Value Key and the content Value from the Hash table through the Key.

A method for realizing synchronization of a webpage and a master and multiple slaves is realized based on the system, and the method comprises the following steps:

receiving an access request website URLx sent by a demonstration client;

acquiring Content URLx-Content of a website URLx from the Internet through a standard HTTP protocol;

storing the Content URLx-Content into a Cache through a Cache storage interface; returning the Content URLx-Content to the demonstration client;

generating an event for demonstrating the website URLx by a demonstration client and informing a Service module; the Service module informs the watching client of the event;

receiving an access request website URLx sent by a watching client to a Proxy module;

the Proxy module acquires URLx-Content corresponding to the URLx from the Cache through a Cache query interface; and returning the acquired URLx-Content to the watching client.

As an improvement of the above method, the method further comprises: and the Service module creates a global unique demonstration ID and establishes connection with all current clients participating in the demonstration.

A system for implementing synchronization of a master and multiple slaves of a web page, the system comprising: the system comprises a Proxy module and a Cache module which are arranged at a demonstration client, and a Service module which is arranged at a server;

the Proxy module is used for acquiring the webpage information of a local request website URLx through the local address; acquiring Content URLx-Content of the website URLx from Internet or Intranat through a standard HTTP protocol; calling a Cache module for storage; simultaneously generating an event for demonstrating the website URLx by a demonstration client, and informing a Service module of the event; the system is also used for acquiring Content URLx-Content from the Cache module and sending the Content URLx-Content to the watching client when receiving a request website URLx sent by the watching client;

the Cache module is used for storing the Content URLx-Content of the demonstration;

the Service module is used for creating a global unique demonstration ID and establishing connection with all current clients participating in the demonstration; and the client is also used for notifying the event to the watching client when receiving the event notification of the Proxy module.

the Cache storage interface stores contents into a Hash table through a Key;

As an improvement of the above system, the Service module is further configured to forward the received access request website URLx sent by the viewing client to the presenter client.

A method for realizing synchronization of a webpage with a master and multiple slaves is realized based on the system, and the method comprises the following steps:

acquiring the webpage information of a local request website URLx through the local address;

acquiring Content URLx-Content of the website URLx from Internet or Intranat through a standard HTTP protocol;

storing the URLx-Content into a Cache through a Cache storage interface;

generating an event for demonstrating the website URLx of a client and sending the event to a server, wherein the Service module informs the watching client of the event;

receiving an access request website URLx sent by a watching client;

obtaining URLx-Content corresponding to the URLx from a Cache through a Cache query interface; and returning the acquired URLx-Content to the watching client.

As an improvement of the above method, the receiving of the access request website URLx sent by the viewing client includes two ways: one is to directly receive the access request website URLx sent by the viewing client, and the other is to receive the access request website URLx sent by the viewing client forwarded by the server.

The invention has the advantages that:

1. the method can save flow and bandwidth in a scene watched by a plurality of people simultaneously, and the problem of delay and unsharpness of the watcher can be avoided;

2. the invention uses the proxy technology and the Cache technology in the application sharing and synchronous display field, simultaneously informs the visitors of accessing the response content, does not process the Cookie of the visitors, directly adopts the Cache content of the presenter to return to the visitors, reduces the magnitude order of bandwidth occupation and ensures the user experience: including fast speed, high definition, short delay and no jitter

3. The method of the invention changes the originally needed video transmission into webpage transmission, and utilizes the function of the browser of the viewer to open the webpage and render various effects instead of playing the video; therefore, the order of magnitude of bandwidth occupation can be reduced, and the user experience is ensured: high speed, high definition, short delay and no jitter.

Drawings

Fig. 1 is a schematic diagram of a system for implementing synchronization of a master and multiple slaves in a web page according to embodiment 1 of the present invention;

FIG. 2 is a diagram of a system for implementing synchronization of a master and multiple slaves in a web page according to embodiment 2 of the present invention;

fig. 3 is a schematic diagram of a system for implementing synchronization of a master and multiple slaves in a web page according to embodiment 3 of the present invention.

Detailed Description

The technical solution of the present invention is described in detail below with reference to the accompanying drawings and specific embodiments.

Example 1:

as shown in fig. 1, embodiment 1 of the present invention provides a system for implementing synchronization of a master and multiple slaves in a web page, where the system includes: the Proxy module, the Service module and the Cache module are arranged on the server;

the Service module specifically realizes the following functions:

a. establishing a demonstration ID, establishing a global unique ID of the whole system when the demonstration starts, and establishing a relationship with all current clients participating in the demonstration activities, namely knowing that A/B/C/D simultaneously participates in the demonstration in a classroom, only the roles are distinguished, only one demonstrator is present at the same time, and the other participants are present;

b. receiving a notification interface, wherein an internal callback function also supports RPC and remote procedure call, and when the Proxy agent module runs on a server, the Proxy agent module can call a completion notification when a client accesses the Proxy agent to acquire URL resources;

the Cache module specifically realizes the following functions:

a. designing a Hash table, wherein Key is URL + demonstration ID, and Value is URL-Content;

b. providing a storage interface, and storing contents in a Hash table through a Key;

c. providing a query interface, and acquiring contents from the Hash table through Key;

d. and a deletion interface is provided, and the Key Value and the Value content can be deleted from the Hash table through the Key.

The Proxy module specifically realizes the following functions:

a. a standard Sock5 proxy interface is provided, authentication is supported, and only a specified client is provided with service;

b. when a presenter requests to acquire the URL, the presenter accesses the Internet to acquire webpage content through a standard HTTP (hyper text transport protocol), calls a storage interface of a Cache module to store the content, returns the webpage content to the presenter according to a Sock5 protocol, and calls a notification of a service module;

c. when a subsequent participant requests the URL, discarding the Cookie information of the participant, calling a query interface of the Cache module to obtain webpage content only by using the URL information, and returning the webpage content to the participant according to the protocol of Sock 5.

In the synchronization scenario that the server side of embodiment 1 completes the proxy cache function, the present invention provides a method for implementing synchronization of a master webpage and multiple slaves by using a network proxy and a cache, wherein a presentation client a needs to synchronously display the webpages viewed by itself to multiple viewing clients (for example, a client B and a client C);

the method comprises the following steps:

step 101) when the demonstration starts, each client informs the server to respectively create a demonstration ID for the client, and the demonstration ID is used for binding the subsequent event relation;

step 102) demonstrating that a client A needs to access a request website URLx, an embedded browser module accesses a Proxy module of a server, and a provided address IPx obtains actual information;

step 103) the Proxy module obtains the Content URLx-Content of the website URLx from the Internet through a standard HTTP protocol;

step 104) the Proxy module stores URLx-Content into the Cache through the Cache storage interface; meanwhile, URLx-Content is returned to the client A; the subsequent URLx requests of the client A are processed identically, cached and returned to the client A.

Step 105) the Proxy module informs the Service module of an event: namely, the client A needs to demonstrate the website URLx;

step 106) the Service module informs the client B of the event, namely the client A needs to demonstrate the webpage URLx;

step 107) the client B opens the embedded browser and requests a website URLx from the Proxy agent module of the server;

step 108) the Proxy module acquires URLx-Content corresponding to the URLx through a query interface of the Cache;

step 109) the Proxy module returns the acquired URLx-Content to the client B;

and the other clients C/D and the like repeatedly execute the steps 106) to 109), and the B/C/D is simultaneously performed in the actual operation process.

Example 2:

as shown in fig. 2, embodiment 2 of the present invention provides a system for implementing synchronization of a master and multiple slaves in a web page, which is applicable to the following scenarios:

1. the server is not allowed to cache data when security and confidentiality are required;

2. the webpage of the demonstration is inaccessible by an external network, namely the server cannot access the webpage;

the system comprises: the system comprises a Proxy module and a Cache module which are arranged at a demonstration client, and a Service module which is arranged at a server;

the Cache module specifically realizes the following functions:

When the Proxy module runs at the client, the Proxy module completes notification through RPC:

a. a notification function is sent, and notification to other clients is completed through TCP/UDP connection;

b. the forwarding function, in the case of embodiment 3, the Service module supports forwarding the request of B/C/D to a, and can also forward the response of a back to B/C/D.

The Service module specifically realizes the following functions:

in the 2 cases, a client proxy cache synchronization scheme may be adopted, so as to complete a method for implementing synchronization of a master and multiple slaves of a web page by using a network proxy and a cache, where the method includes:

step 201) demonstrating that a client A needs to access a request website URLx, wherein an embedded browser module obtains actual webpage information through a local address provided by a Proxy module of the client A;

step 202) the Proxy module obtains the Content URLx-Content of the website URLx from the Internet or Intranat through a standard HTTP protocol;

step 203), the Proxy module stores URLx-Content into the Cache through a Cache storage interface; meanwhile, URLx-Content is returned to the demonstration client A; the subsequent URLx requests of the demonstration client A are processed identically, cached and returned to the browser module of the demonstration client A;

step 204), Proxy informs the Service module of the server of an event: namely, the client A needs to demonstrate the website URLx;

step 205) the Service module notifies the event to the client B, namely the client A wants to demonstrate the webpage URLx and the proxy address IPx of the client A;

step 206) the client B opens the embedded browser module and requests the website URLx from the Proxy module address IPx of the client A;

step 207) the Proxy module obtains the URLx-Content corresponding to the URLx through the query interface of the Cache;

step 208) the Proxy module returns the URLx-Content to the client B

And the other clients C/D and the like repeat 206) to 208), and the B/C/D is performed simultaneously in the actual operation process.

Example 3:

as shown in fig. 3, embodiment 3 of the present invention provides a system for implementing synchronization of a master and multiple slaves in a web page, which is applicable to the following scenarios: the Proxy agent module of the client A is in an intranet, the client B/C cannot directly access the Service of the Proxy agent module of the client A, and the actual access of the Proxy agent module of the client A can be completed through a forwarding function provided by a Service module of a server; because the server is in the public network, the Proxy agent module of the client A can actively establish a TCP connection to the server Service module for subsequent data transmission Service.

This example differs from example 2 only in that: and the Service module of the server forwards the received access request website URLx sent by the client B to the client A. In embodiment 2, the client B opens the embedded browser module and directly requests the website URLx from the Proxy module address IPx of the client a.

In the scenario that the embodiment 3 provides the forwarding synchronization of the proxy cache server at the client, the invention provides a method for realizing the synchronization of one master and multiple slaves of a webpage by adopting a network proxy and a cache, which comprises the following steps:

step 301) demonstrating that a client A needs to access a request website URLx; the embedded browser module obtains actual webpage information according to the local address;

step 302) obtaining the Content URLx-Content of the website URLx from Internet or Intranat through a standard HTTP protocol;

step 303) storing the URLx-Content into a Cache through a Cache storage interface; meanwhile, URLx-Content is returned to the demonstration client A; the subsequent URLx requests of the demonstration client A are processed identically, cached and returned to the browser module of the client A;

step 304) notify the server's service module of an event: namely, the client A needs to demonstrate the website URLx;

step 305), the Service module notifies the event to the client B, namely the client A wants to demonstrate the webpage URLx and the Service module forwarding address IPx of the server;

step 306) the client B opens the embedded browser module, and the Service module of the server forwards the address IPx to request the website URLx;

step 307) the Service module of the server forwards the request to the Proxy address of the demonstration client A;

step 308), the Proxy agent module acquires URLx-Content corresponding to the URLx through the query interface of the Cache;

step 309), the Proxy module returns the acquired URLx-Content to the demonstration client B;

and repeating the steps 305 to 309) by other clients C/D and the like, wherein the B/C/D is performed simultaneously in the actual operation process.

Finally, it should be noted that the above embodiments are only used for illustrating the technical solutions of the present invention and are not limited. Although the present invention has been described in detail with reference to the embodiments, it will be understood by those skilled in the art that various changes may be made and equivalents may be substituted without departing from the spirit and scope of the invention as defined in the appended claims.

Claims

1. A system for synchronizing a master with multiple slaves on a web page, the system comprising: the Proxy module, the Service module and the Cache module are arranged on the server;

the Proxy module is used for acquiring demonstration contents of websites when receiving access request websites sent by the demonstration client; calling a Cache module for storage, sending the demonstration content to a demonstration client, simultaneously generating an event for demonstrating the website content of the demonstration client, and informing a Service module of the event; the system is also used for acquiring the demonstration content from the Cache module when receiving a request website sent by the watching client and sending the demonstration content to the watching client;

and the Cache module is used for storing demonstration contents of demonstration.

2. The system for implementing synchronization of one master and multiple slaves of a web page according to claim 1, wherein said Cache module comprises: cache, Cache storage interface, Cache query interface and Cache delete interface;

the Cache storage interface stores contents into a Hash table through a Key;

3. A method for implementing synchronization of a master and multiple slaves of a web page, based on the system implementation of claim 2, the method comprising:

receiving an access request website sent by a demonstration client;

acquiring the demonstration content of the website from the Internet through a standard HTTP protocol;

storing the demonstration content into a Cache through a Cache storage interface; returning the demonstration content to the demonstration client;

generating an event for demonstrating the website content of the client and informing the Service module; the Service module informs the watching client of the event;

receiving an access request website sent by a watching client to a Proxy module;

the Proxy module acquires demonstration content from a Cache through a Cache query interface; and returning the acquired demonstration content to the watching client.

4. The method of claim 3, wherein the method further comprises: and the Service module creates a global unique demonstration ID and establishes connection with all current clients participating in the demonstration.

5. A system for synchronizing a master with multiple slaves on a web page, the system comprising: the system comprises a Proxy module and a Cache module which are arranged at a demonstration client, and a Service module which is arranged at a server;

the Proxy module is used for acquiring the webpage information of a local request website through a local address; acquiring the demonstration content of the website from the Internet or Intranat through a standard HTTP protocol; calling a Cache module for storage; simultaneously generating an event for demonstrating the website content of the client, and informing the Service module of the event; the system is also used for acquiring the demonstration content from the Cache module when receiving a request website sent by the watching client and sending the demonstration content to the watching client;

the Cache module is used for storing demonstration contents;

6. The system for implementing synchronization of one master and multiple slaves of a web page according to claim 5, wherein said Cache module comprises: cache, Cache storage interface, Cache query interface and Cache delete interface;

the Cache storage interface stores contents into a Hash table through a Key;

7. The system according to claim 5, wherein the Service module is further configured to forward the website address of the access request sent by the viewing client to the presenter client.

8. A method for implementing synchronization of a master and multiple slaves of a web page, based on the system implementation of any one of claims 6-7, the method comprising:

acquiring webpage information of a local request website through a local address;

acquiring the demonstration content of the website from the Internet or Intranat through a standard HTTP protocol;

storing the demonstration content into a Cache through a Cache storage interface;

generating an event for demonstrating the website content of the client and sending the event to the server;

receiving an access request website sent by a watching client;

obtaining demonstration content from a Cache through a Cache query interface; and returning the acquired demonstration content to the watching client.

9. The method for realizing synchronization of one master and multiple slaves of web page of claim 8, wherein said receiving and viewing the access request website sent by the client comprises two ways: one is to directly receive the access request website sent by the watching client, and the other is to receive the access request website sent by the watching client forwarded by the server.