CN106357697A - Multi-terminal page synchronizing method based on WebSocket attribute synchronization - Google Patents
Multi-terminal page synchronizing method based on WebSocket attribute synchronization Download PDFInfo
- Publication number
- CN106357697A CN106357697A CN201611002287.7A CN201611002287A CN106357697A CN 106357697 A CN106357697 A CN 106357697A CN 201611002287 A CN201611002287 A CN 201611002287A CN 106357697 A CN106357697 A CN 106357697A
- Authority
- CN
- China
- Prior art keywords
- client
- service end
- web page
- websocket
- page
- 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
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L69/00—Network arrangements, protocols or services independent of the application payload and not provided for in the other groups of this subclass
- H04L69/16—Implementation or adaptation of Internet protocol [IP], of transmission control protocol [TCP] or of user datagram protocol [UDP]
- H04L69/161—Implementation details of TCP/IP or UDP/IP stack architecture; Specification of modified or new header fields
- H04L69/162—Implementation details of TCP/IP or UDP/IP stack architecture; Specification of modified or new header fields involving adaptations of sockets based mechanisms
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/10—Protocols in which an application is distributed across nodes in the network
- H04L67/1095—Replication or mirroring of data, e.g. scheduling or transport for data synchronisation between network nodes
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Computer Security & Cryptography (AREA)
- Computer And Data Communications (AREA)
Abstract
The invention discloses a multi-terminal page synchronizing method based on WebSocket attribute synchronization, belonging to the technical field of internet. A WebSocket protocol is utilized to establish connection between a server and a client, the modification information of the client is monitored in real time, the multi-terminal page synchronization is realized, the server pressure is relieved, the network I/O is reduced, the transmission performance is improved, each client can independently render the page and the rendering performance is improved.
Description
Technical field
The invention belongs to Internet technical field.
Background technology
Multiple terminals page synchronization technology refers to return unified page status in the same web page address of multiple client input,
Each client carries out operation and can be shown in real time in each client to the page simultaneously；Currently available technology solution
In, multiple terminals page synchronization technology to be accomplished, service end is usually used and unifies sectional drawing, the picture after intercepting is passed through http network
It is transferred to each FTP client FTP, thus reaching multiple terminals page synchronization effect.
Existing based on the shortcoming of screenshotss mode multi-page simultaneous techniquess it is:
1. screenshotss are higher to the requirement of service end machine, thus reducing the effect of displaying；
2. in the transmission, because the size ratio of picture is larger, higher to the bandwidth requirement of network, otherwise can great shadow
Ring the effect of other clients display in real time.
Content of the invention
It is an object of the invention to provide a kind of multiple terminals page synchronization method based on websocket property synchronization, mitigate
Server stress, reduces network i/o, improves transmission performance it is achieved that each client independently can render the page,
Improve and render performance.
For achieving the above object, the present invention employs the following technical solutions:
A kind of multiple terminals page synchronization method based on websocket property synchronization, comprises the steps:
Step 1: set up multiple terminals page synchronization system, described multiple terminals page synchronization system includes service end and several visitor
Family end, all clients all by Internet connection services end, directly all assisted using websocket by all clients and service end
Discuss into row data communication；
Step 2: set up web page in service end, websocket service end is set up on web page and monitors, and open up clothes
Business end listening port；
Step 3: set up a session list in service end；
Step 4: set client a as any one client, judge whether client a sends access to service end described
The request of web page: be, then execution step 5；No, then execution step 7；
Step 5: client a sends the request accessing described web page to service end, that is, client a connects described service
End listening port, client a follows websocket protocol when connecting described service end listening port；
Step 6: service end receives the request of client a, the request of client a is stored in described session column by service end
In table；Execution step 5；
Step 7: set title, Property Name and the property value of the attribute information of web page as assembly, judge client a
Whether change web page: be, then execution step 8；No, then execution step 11；
Step 8: client a sends amended attribute information to service end；
Step 9: after service end receives amended attribute information, amended attribute information is sent to described session
Every other client in addition to client a in list；
Step 10: after other clients described receive amended attribute information, the web page of itself is carried out more
Newly, keep the web page of itself consistent with the web page of service end；
Step 11: determine whether that any one client is modified to the attribute information of web page: be then to execute
Step 7；No, then execution step 5.
Described service end is server, and described client is computer or mobile phone.
Described service end and described client are all by javascript software creation websocket protocol.
A kind of multiple terminals page synchronization method based on websocket property synchronization of the present invention, alleviates service
Device pressure, reduces network i/o, improves transmission performance it is achieved that each client independently can render the page, improves
Render performance.
Brief description
Fig. 1 is the flow chart of the present invention.
Specific embodiment
As shown in figure 1, a kind of multiple terminals page synchronization method based on websocket property synchronization, comprise the steps:
Step 1: set up multiple terminals page synchronization system, described multiple terminals page synchronization system includes service end and several visitor
Family end, all clients all by Internet connection services end, directly all assisted using websocket by all clients and service end
Discuss into row data communication；
Step 2: set up web page in service end, websocket service end is set up on web page and monitors, and open up clothes
Business end listening port；
Step 3: set up a session list in service end；
Step 4: set client a as any one client, judge whether client a sends access to service end described
The request of web page: be, then execution step 5；No, then execution step 7；
Step 5: client a sends the request accessing described web page to service end, that is, client a connects described service
End listening port, client a follows websocket protocol when connecting described service end listening port；
Step 6: service end receives the request of client a, the request of client a is stored in described session column by service end
In table；Execution step 5；
Step 7: set title, Property Name and the property value of the attribute information of web page as assembly, judge client a
Whether change web page: be, then execution step 8；No, then execution step 11；
Step 8: client a sends amended attribute information to service end；
Step 9: after service end receives amended attribute information, amended attribute information is sent to described session
Every other client in addition to client a in list；
Step 10: after other clients described receive amended attribute information, the web page of itself is carried out more
Newly, keep the web page of itself consistent with the web page of service end；
Step 11: determine whether that any one client is modified to the attribute information of web page: be then to execute
Step 7；No, then execution step 5.
Described service end is server, and described client is computer or mobile phone.
Described service end and described client are all by javascript software creation websocket protocol.
A kind of multiple terminals page synchronization method based on websocket property synchronization of the present invention, alleviates service
Device pressure, reduces network i/o, improves transmission performance it is achieved that each client independently can render the page, improves
Render performance.
Claims (3)
1. a kind of multiple terminals page synchronization method based on websocket property synchronization it is characterised in that: comprise the steps:
Step 1: set up multiple terminals page synchronization system, described multiple terminals page synchronization system includes service end and several client
End, all by Internet connection services end, all clients and service end are directly all using websocket protocol for all clients
Enter row data communication；
Step 2: set up web page in service end, websocket service end is set up on web page and monitors, and open up service end
Listening port；
Step 3: set up a session list in service end；
Step 4: set client a as any one client, judge whether client a sends to service end and access described web
The request of the page: be, then execution step 5；No, then execution step 7；
Step 5: client a sends the request accessing described web page to service end, that is, client a connects described service end and supervises
Listen port, client a follows websocket protocol when connecting described service end listening port；
Step 6: service end receives the request of client a, the request of client a is stored in described session list by service end
In；Execution step 5；
Step 7: set title, Property Name and the property value of the attribute information of web page as assembly, whether judge client a
Modification web page: be, then execution step 8；No, then execution step 11；
Step 8: client a sends amended attribute information to service end；
Step 9: after service end receives amended attribute information, amended attribute information is sent to described session list
In every other client in addition to client a；
Step 10: after other clients described receive amended attribute information, the web page of itself is updated, protects
Hold the web page of itself consistent with the web page of service end；
Step 11: determine whether that any one client is modified to the attribute information of web page: be, then execution step
7；No, then execution step 5.
2. a kind of multiple terminals page synchronization method based on websocket property synchronization as claimed in claim 1, its feature exists
In: described service end is server, and described client is computer or mobile phone.
3. a kind of multiple terminals page synchronization method based on websocket property synchronization as claimed in claim 1, its feature exists
In: described service end and described client are all by javascript software creation websocket protocol.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611002287.7A CN106357697A (en) | 2016-11-14 | 2016-11-14 | Multi-terminal page synchronizing method based on WebSocket attribute synchronization |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611002287.7A CN106357697A (en) | 2016-11-14 | 2016-11-14 | Multi-terminal page synchronizing method based on WebSocket attribute synchronization |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106357697A true CN106357697A (en) | 2017-01-25 |
Family
ID=57862405
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611002287.7A Pending CN106357697A (en) | 2016-11-14 | 2016-11-14 | Multi-terminal page synchronizing method based on WebSocket attribute synchronization |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106357697A (en) |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107656836A (en) * | 2017-09-26 | 2018-02-02 | 金蝶软件（中国）有限公司 | A kind of method, apparatus, storage medium and mobile terminal for protecting page data |
| CN107977424A (en) * | 2017-11-27 | 2018-05-01 | 山东浪潮商用系统有限公司 | A kind of web page interactive system and method |
| CN109299046A (en) * | 2018-08-30 | 2019-02-01 | 湖北工业大学 | A kind of synergic editing method based on TCP WebSocket agreement |
| CN109446457A (en) * | 2018-09-25 | 2019-03-08 | 平安普惠企业管理有限公司 | Update method, terminal device and the medium of page data |
| CN109543122A (en) * | 2018-11-28 | 2019-03-29 | 网易（杭州）网络有限公司 | Content synchronization method, device, storage medium and electronic device |
| CN110347945A (en) * | 2018-01-15 | 2019-10-18 | 北京京东金融科技控股有限公司 | The method and apparatus for obtaining the data of the page |
| CN110727896A (en) * | 2019-10-12 | 2020-01-24 | 杭州天宽科技有限公司 | High-performance webpage real-time drawing interaction method and system |
| CN111222074A (en) * | 2020-01-09 | 2020-06-02 | 山东汇贸电子口岸有限公司 | Message pushing method and system based on Websocket protocol |
| CN111352847A (en) * | 2020-03-09 | 2020-06-30 | 中国邮政储蓄银行股份有限公司 | Real-time debugging method and system for mobile application terminal |
| CN112015409A (en) * | 2020-07-16 | 2020-12-01 | 深圳市大富网络技术有限公司 | Webpage editing data synchronization method, device and system and computer storage medium |
| CN114764344A (en) * | 2021-01-15 | 2022-07-19 | 阿里巴巴集团控股有限公司 | Data synchronization method, system, device, equipment and storage medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104243281A (en) * | 2014-08-20 | 2014-12-24 | 北京比邻在线信息技术有限公司 | Voice communication method based on mobile Internet |
| CN104410538A (en) * | 2014-12-22 | 2015-03-11 | 上海斐讯数据通信技术有限公司 | Network topological structure management method and system |
-
2016
- 2016-11-14 CN CN201611002287.7A patent/CN106357697A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104243281A (en) * | 2014-08-20 | 2014-12-24 | 北京比邻在线信息技术有限公司 | Voice communication method based on mobile Internet |
| CN104410538A (en) * | 2014-12-22 | 2015-03-11 | 上海斐讯数据通信技术有限公司 | Network topological structure management method and system |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107656836A (en) * | 2017-09-26 | 2018-02-02 | 金蝶软件（中国）有限公司 | A kind of method, apparatus, storage medium and mobile terminal for protecting page data |
| CN107977424A (en) * | 2017-11-27 | 2018-05-01 | 山东浪潮商用系统有限公司 | A kind of web page interactive system and method |
| CN110347945A (en) * | 2018-01-15 | 2019-10-18 | 北京京东金融科技控股有限公司 | The method and apparatus for obtaining the data of the page |
| CN109299046A (en) * | 2018-08-30 | 2019-02-01 | 湖北工业大学 | A kind of synergic editing method based on TCP WebSocket agreement |
| CN109299046B (en) * | 2018-08-30 | 2023-08-15 | 湖北工业大学 | Collaborative editing method based on TCP WebSocket protocol |
| CN109446457A (en) * | 2018-09-25 | 2019-03-08 | 平安普惠企业管理有限公司 | Update method, terminal device and the medium of page data |
| CN109543122B (en) * | 2018-11-28 | 2021-11-23 | 网易（杭州）网络有限公司 | Content synchronization method, device, storage medium and electronic device |
| CN109543122A (en) * | 2018-11-28 | 2019-03-29 | 网易（杭州）网络有限公司 | Content synchronization method, device, storage medium and electronic device |
| CN110727896A (en) * | 2019-10-12 | 2020-01-24 | 杭州天宽科技有限公司 | High-performance webpage real-time drawing interaction method and system |
| CN111222074A (en) * | 2020-01-09 | 2020-06-02 | 山东汇贸电子口岸有限公司 | Message pushing method and system based on Websocket protocol |
| CN111352847A (en) * | 2020-03-09 | 2020-06-30 | 中国邮政储蓄银行股份有限公司 | Real-time debugging method and system for mobile application terminal |
| CN112015409A (en) * | 2020-07-16 | 2020-12-01 | 深圳市大富网络技术有限公司 | Webpage editing data synchronization method, device and system and computer storage medium |
| CN114764344A (en) * | 2021-01-15 | 2022-07-19 | 阿里巴巴集团控股有限公司 | Data synchronization method, system, device, equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106357697A (en) | Multi-terminal page synchronizing method based on WebSocket attribute synchronization | |
| EP3021556B1 (en) | Transmission method and device for media stream in video conference | |
| US20160119399A1 (en) | Extending browser support of real time media to any available codec | |
| CN104426985B (en) | Show the method, apparatus and system of webpage | |
| WO2017107499A1 (en) | Information remote synchronization method, terminal and system | |
| US20150289301A1 (en) | Terminal matching method, terminal and system | |
| CN103348657B (en) | Flow media playing method, equipment and system | |
| CN103139051A (en) | Instant messaging communication method based on Websocket protocol | |
| US9936027B2 (en) | Methods, systems, and computer readable media for application session sharing | |
| CN102307211A (en) | Method for realizing full-screen synchronization of whiteboard | |
| WO2012151980A1 (en) | Service processing server, system, and method | |
| US20150319205A1 (en) | Method for Transferring Media Stream and User Equipment | |
| CN102137126B (en) | System and method for updating web data | |
| CN102307212A (en) | Method for realizing page-turning synchronization | |
| CN102904959A (en) | Network accelerating method and gateway | |
| WO2016086755A1 (en) | Packet processing method and transparent proxy server | |
| CN103885973B (en) | A kind of RPC system and implementation method based on Web engines | |
| CN109151056B (en) | Method and system for pushing messages based on Canal | |
| CN108696899A (en) | Sip message transmits and method of reseptance and transmission and reception device | |
| CN104426895B (en) | Information processing method and terminal device | |
| EP3079328B1 (en) | Media resource sharing method, shared server and shared system | |
| WO2016197851A1 (en) | Method and apparatus for managing notification information | |
| CN114979695B (en) | SRS-based multi-process live broadcast method and device, electronic equipment and storage medium | |
| US9774659B2 (en) | Bi-directional channel-based progress indicator | |
| CN103533001A (en) | Communication method and communication system based on HTTP multi-proxy, and intermediate proxy server |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170125 |
|
| RJ01 | Rejection of invention patent application after publication |