TW201503645A - Multidimensional web page push system and method - Google Patents

Multidimensional web page push system and method Download PDF

Info

Publication number
TW201503645A
TW201503645A TW102125234A TW102125234A TW201503645A TW 201503645 A TW201503645 A TW 201503645A TW 102125234 A TW102125234 A TW 102125234A TW 102125234 A TW102125234 A TW 102125234A TW 201503645 A TW201503645 A TW 201503645A
Authority
TW
Taiwan
Prior art keywords
server
user device
push
channel
client
Prior art date
Application number
TW102125234A
Other languages
Chinese (zh)
Inventor
xiao-hong Lin
Original Assignee
Isending Tech Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Isending Tech Co Ltd filed Critical Isending Tech Co Ltd
Priority to TW102125234A priority Critical patent/TW201503645A/en
Publication of TW201503645A publication Critical patent/TW201503645A/en

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

A multidimensional web page push system and a method are provided. The system comprises at least one client, a server, and a push server, in which the client is for issuing a subscription request and the server is for receiving the subscription request, generating a corresponding channel ID, and transmitting the channel ID back to the client. The push server is connected with the server and establishes a channel (such as WenSocket, Node JS) for pushing the messages of the server after the client issues the channel ID. As a result, the client (browser) and the server only requires a subscription request action to transmit data to each other via the channel. Furthermore, the present invention can achieve the purpose of cross-network, cross-platform, and real-time data transmission regardless of the network environment between the client and the server.

Description

網頁多維推送系統與方法 Web page multi-dimensional push system and method

本發明係有關於一種網頁多維推送系統與方法,特別是指其令使用者裝置和伺服器間只需要做一個訂閱請求的動作,且藉由建立通道(如WebSocket、Node JS)而互相傳遞資料,無論使用者(Client)和伺服器(Server)的網路環境關係,皆可做到跨網路、跨平台並即時的傳輸資料。 The invention relates to a webpage multi-dimensional push system and method, in particular to an action of making a subscription request between a user device and a server, and transferring data to each other by establishing a channel (such as WebSocket, Node JS). Regardless of the network environment of the user (Client) and the server (Server), data can be transmitted across the network, across platforms and in real time.

按;傳統使用者裝置(Client)與伺服器(Server)或使用者裝置(Client)與另一使用者裝置(Client)間的資料傳遞需要非常繁雜的架設技巧,如伺服器(Server)網路環境要公共IP、開Port,專屬Server軟體等。因為實際上C2S(Client to Server)或C2C(Client to Client)環境很難有完全理想的狀況,可能會遇到無公共IP、無法開Port、防火牆、限制連線的問題,都會造成提高開發成本與建置門檻。 Pressing; traditional user device (Client) and server (Server) or user device (Client) and another user device (Client) data transfer requires very complicated erection techniques, such as server network The environment requires public IP, open port, exclusive server software, and so on. Because the C2S (Client to Server) or C2C (Client to Client) environment is difficult to have a completely ideal situation, you may encounter problems such as no public IP, unable to open ports, firewalls, and restricted connections, which will increase development costs. And build the threshold.

因此,設計一種可做到跨網路、跨平台並即時的傳輸資料之網頁多維推送系統,是有其必要性。 Therefore, it is necessary to design a webpage multi-dimensional push system that can transmit data across networks, platforms and instants.

爰是,本發明人有鑑於此,乃積極潛心研發思考,經由無數次之實際實驗,致有本發明之產生。 Therefore, the present inventors have been actively thinking about research and development in view of this, and have produced the present invention through numerous practical experiments.

本發明之目的,係在提供一種無論使用者(Client)和伺服器 (Server)的網路環境關係,皆可做到跨網路、跨平台並即時傳輸資料之網頁多維推送系統。 The object of the present invention is to provide a user (Client) and a server. (Server) network environment relationship, can achieve cross-network, cross-platform and instant data transmission page multi-dimensional push system.

為達上述之目的,本發明網頁多維推送系統係包含有至少一使用者裝置、一伺服器、一推送伺服器,其中該使用者裝置具備網路連接作用,用以發出一訂閱請求;而該伺服器具備一訊息,伺服器用以接收該訂閱請求,且產生一對應之頻道編號,並將該頻道編號回傳給使用者裝置;而該推送伺服器與伺服器連接,於使用者裝置發出該頻道編號後,與使用者裝置建立一用以推送該伺服器之訊息之通道。令使用者裝置(瀏覽器)和伺服器間只需要做一個訂閱請求的動作,使用者裝置和伺服器之間就可藉該通道互相傳遞資料。 For the above purpose, the webpage multi-dimensional push system of the present invention comprises at least one user device, a server, and a push server, wherein the user device has a network connection function for issuing a subscription request; The server has a message, the server is configured to receive the subscription request, and generate a corresponding channel number, and transmit the channel number back to the user device; and the push server is connected to the server and is sent by the user device. After the channel number is set, a channel for pushing the message of the server is established with the user device. The user device (browser) and the server only need to perform a subscription request action, and the user device and the server can transfer data to each other through the channel.

本發明之另一目的,係在提供一種無論使用者(Client)和伺服器(Server)的網路環境關係,皆可做到跨網路、跨平台並即時傳輸資料之網頁多維推送方法。 Another object of the present invention is to provide a multi-dimensional push method for web pages that can transmit data across the network, across platforms, and instantly, regardless of the network environment of the user (Client) and the server (Server).

為達上述之另一目的,本發明網頁多維推送方法係包含有:A.建立上述之本發明網頁多維推送系統;B.使用者藉使用者裝置發出訂閱請求;C.伺服器產生對應之頻道編號且記錄下來,並將該頻道編號回傳給使用者裝置,接著將使用者導入應用程式的使用頁面;D.使用者裝置發出該頻道編號,並與推送伺服器建立一用以推送該伺服器之訊息之通道;E.使用者裝置和伺服器之間藉該通道互相傳遞資料。 For the other purpose of the above, the webpage multi-dimensional push method of the present invention comprises: A. establishing the above-mentioned webpage multi-dimensional push system of the present invention; B. the user sends a subscription request by the user device; C. the server generates the corresponding channel Numbered and recorded, and the channel number is passed back to the user device, and then the user is imported into the application's use page; D. the user device sends the channel number and establishes a push with the push server to push the servo The channel of the message; E. The user device and the server use the channel to transfer data to each other.

以下僅藉由具體實施例,且佐以圖式作詳細之說明,俾使 貴審查委員能對於本發明之各項特點,有更進一步之了解與認識。 In the following, the detailed description of the present invention will be made by the detailed description of the present invention.

10‧‧‧使用者裝置 10‧‧‧User device

20‧‧‧伺服器 20‧‧‧Server

30‧‧‧推送伺服器 30‧‧‧ Push server

40‧‧‧主控台 40‧‧‧Main console

10a‧‧‧第一使用者裝置 10a‧‧‧First user device

10b‧‧‧第二使用者裝置 10b‧‧‧Second user device

第1圖係本發明網頁多維推送系統之示意圖。 Figure 1 is a schematic diagram of a webpage multidimensional push system of the present invention.

第2圖係本發明網頁多維推送系統第二實施例之示意圖。 Fig. 2 is a schematic view showing a second embodiment of the webpage multidimensional push system of the present invention.

第3圖係本發明網頁多維推送系統第三實施例第一種實際應用例之示意圖。 Figure 3 is a schematic diagram showing a first practical example of the third embodiment of the webpage multidimensional push system of the present invention.

第4圖係本發明網頁多維推送系統第三實施例第二種實際應用例之示意圖。 Figure 4 is a schematic diagram showing a second practical application example of the third embodiment of the webpage multi-dimensional push system of the present invention.

請參閱第1圖所示,本發明網頁多維推送系統一實施例係包含至少一使用者裝置10、一伺服器20、一推送伺服器30。以下詳細說明各構件:該使用者裝置10(User Device)具備網路連接作用如手機、平板電腦等,用以發出一訂閱請求。 Referring to FIG. 1 , an embodiment of the webpage multi-dimensional push system of the present invention includes at least one user device 10, a server 20, and a push server 30. Each component is described in detail below: the user device 10 (User Device) has a network connection function such as a mobile phone, a tablet computer, etc., to issue a subscription request.

該伺服器20(App Server)具備一訊息,伺服器20用以接收該訂閱請求,且產生一對應之頻道編號(ChannelID),並將該頻道編號回傳給使用者裝置10。 The server 20 (App Server) has a message for the server 20 to receive the subscription request, and generates a corresponding channel number (ChannelID), and transmits the channel number back to the user device 10.

該推送伺服器30(Push Server)與伺服器20連接,於使用者裝置10發出該頻道編號後,與使用者裝置10建立一用以推送該伺服器20之訊息之通道,如藉HTML5的WebSocket與Node JS,而令使用者裝置10和推送伺服器30建立快速通道。 The push server 30 (Push Server) is connected to the server 20. After the user device 10 sends the channel number, the user device 10 establishes a channel for pushing the message of the server 20, such as a WebSocket by HTML5. With the Node JS, the user device 10 and the push server 30 establish a fast channel.

以下說明該實施例實際應用時(以下說明為使用者訂閱頻道)之動作流程及作用、功效:1.使用者(Client)藉使用者裝置10發出訂閱請求(如Java Script); 2.伺服器20產生對應之頻道編號(如序號)且記錄下來,並將該頻道編號回傳給使用者裝置10,接著將使用者導入應用程式(App)的使用頁面;3.使用者裝置10發出該頻道編號,並與推送伺服器30建立一用以推送該伺服器20之訊息之通道;4.推送伺服器30回傳給使用者裝置10確認已建立通道。 The following describes the action flow, function, and effect of the actual application of the embodiment (hereinafter, the user subscribes to the channel): 1. The user (Client) issues a subscription request (such as Java Script) by the user device 10; 2. The server 20 generates a corresponding channel number (such as a serial number) and records it, and transmits the channel number back to the user device 10, and then imports the user into the application page of the application (App); 3. User device The channel number is issued and a channel for pushing the message of the server 20 is established with the push server 30. 4. The push server 30 transmits back to the user device 10 to confirm that the channel has been established.

據此,使用者裝置10和伺服器20之間就可藉該通道互相傳遞資料。 Accordingly, the user device 10 and the server 20 can transfer data to each other through the channel.

請參閱第2圖所示,本發明網頁多維推送系統第二實施例係除了包含有使用者裝置10、伺服器20、推送伺服器30之外,還包含有一主控台40(Publisher Device),該主控台40可為一活動場合(如演唱會)之主控台,而此處使用者裝置10可為多個。 Referring to FIG. 2, the second embodiment of the webpage multi-dimensional push system of the present invention includes a user console 10, a server 20, and a push server 30, and includes a console device 40 (Publisher Device). The console 40 can be a console for an event (such as a concert), and the number of user devices 10 can be multiple.

以下說明該實施例實際應用時(以下說明為控制端推送訊息P2C,Publisher to Client)之動作流程及作用、功效:1.主控台40發出訊息(如Ajax、PHP)給伺服器20;2.伺服器20搜尋接收對象(即使用者裝置10)之頻道編號,並將結果與訊息傳給推送伺服器30;3.推送伺服器30藉由各通道將訊息傳給各使用者裝置10。 The following describes the action flow and functions and functions of the embodiment (the following description is the control terminal push message P2C, Publisher to Client): 1. The console 40 sends a message (such as Ajax, PHP) to the server 20; The server 20 searches for the channel number of the receiving object (i.e., the user device 10) and transmits the result and message to the push server 30. 3. The push server 30 transmits the message to each user device 10 by each channel.

請參閱第3圖所示,本發明網頁多維推送系統第三實施例係包含有伺服器20、推送伺服器30,而使用者裝置10係為第一使用者裝置10a、第二使用者裝置10b。 Referring to FIG. 3, the third embodiment of the webpage multi-dimensional push system of the present invention includes a server 20 and a push server 30, and the user device 10 is a first user device 10a and a second user device 10b. .

以下說明該實施例第一種實際應用例(以下說明為控制端推 送訊息C2C,Client to Client,帶頻道編號)之動作流程及作用、功效:1.使用者裝置10a發出訊息給伺服器20以及將接收端(即第二使用者裝置10b)之頻道編號傳給推送伺服器30;2.推送伺服器30藉由通道將訊息傳給使用者裝置10b。 The first practical application example of the embodiment will be described below (the following description is the control terminal push Sending the message C2C, Client to Client, with channel number) The action flow and function, function: 1. The user device 10a sends a message to the server 20 and transmits the channel number of the receiving end (ie the second user device 10b) to Push server 30; 2. Push server 30 transmits the message to user device 10b via the channel.

請參閱第4圖所示,以下說明上述本發明網頁多維推送系統第三實施例第二種實際應用例(以下說明為控制端推送訊息C2C,Client to Client,不帶頻道編號)之動作流程及作用、功效:1.使用者裝置10a發出訊息給伺服器20;2.伺服器20產生接收端(即第二使用者裝置10b)之頻道編號,且將結果、訊息傳給推送伺服器30;3.推送伺服器30藉由通道將訊息傳給使用者裝置10b。 Referring to FIG. 4, the following is a second practical example of the third embodiment of the webpage multi-dimensional push system of the present invention (the following description shows the operation flow of the control terminal push message C2C, Client to Client, without channel number). Function and effect: 1. The user device 10a sends a message to the server 20; 2. The server 20 generates the channel number of the receiving end (ie, the second user device 10b), and transmits the result and message to the push server 30; 3. The push server 30 transmits the message to the user device 10b via the channel.

由以上說明可知,本發明網頁多維推送系統藉由推送伺服器30作為中轉站點,透過HTML5的WebSocket令使用者裝置10(Client)和推送伺服器30先建立快速通道後,再由推送伺服器30與伺服器20或其他使用者裝置10(Client)同樣建立通道後連線;也就是可直接透過Web 2 Web實現C2S或C2C功能,無論使用者(Client)和伺服器(Server)的網路環境關係,可做到跨網路、跨平台並即時的傳輸資料。 As can be seen from the above description, the webpage multi-dimensional push system of the present invention uses the push server 30 as a transit site, and the user interface 10 (Client) and the push server 30 establish a fast channel through the HTML5 WebSocket, and then push the servo. The device 30 is connected to the server 20 or other user device 10 (Client) to establish a channel connection; that is, the C2S or C2C function can be implemented directly through the Web 2 Web, regardless of the user (Client) and the server (Server) network. Road environment relationship, can be transmitted across the network, cross-platform and instant.

另外,本發明網頁多維推送系統也是一套有效的通道管理工具,可即時知道所有通道狀況,即時偵測各通道是否存在,確認通道傳遞的資訊是否確實收到。以下進一步詳細說明:智慧型手機通常都會有多個瀏覽器,不同app也會有不同的瀏覽器,不同的瀏覽器會有不同的cookie。 In addition, the webpage multi-dimensional push system of the present invention is also an effective channel management tool, which can instantly know the status of all channels, instantly detect whether each channel exists, and confirm whether the information transmitted by the channel is actually received. The following further details: smart phones usually have multiple browsers, different apps will have different browsers, and different browsers will have different cookies.

通道管理工具能夠偵測連結至平台的瀏覽器中cookie的狀態,如果跟sever紀錄的狀態不一致將由sever強制推送最新cookie狀態至瀏覽器。 The channel management tool can detect the status of the cookie in the browser connected to the platform. If the status of the sever record is inconsistent, Sever will force the latest cookie status to the browser.

而手機內各種不同瀏覽器的cookie也可透過通道管理模組同步自己手機內的cookie狀態,解決了使用不同瀏覽器啟用服務之後各瀏覽器cookie之間不同步的問題。 The cookies of different browsers in the mobile phone can also synchronize the state of the cookies in the mobile phone through the channel management module, and solve the problem that the cookies of each browser are not synchronized after the service is enabled by using different browsers.

而本發明網頁多維推送方法係包含有:A.建立上述之本發明網頁多維推送系統,即使用者裝置10、伺服器20、推送伺服器30;B.使用者藉使用者裝置10發出訂閱請求;C.伺服器20產生對應之頻道編號且記錄下來,並將該頻道編號回傳給使用者裝置10,接著將使用者導入應用程式的使用頁面;D.使用者裝置10發出該頻道編號,並與推送伺服器30建立一用以推送該伺服器20之訊息之通道;E.使用者裝置10和伺服器20之間藉該通道互相傳遞資料。 The webpage multi-dimensional push method of the present invention comprises: A. establishing the webpage multi-dimensional push system of the present invention, that is, the user device 10, the server 20, and the push server 30; B. the user sends a subscription request by the user device 10. C. The server 20 generates a corresponding channel number and records it, and transmits the channel number back to the user device 10, and then imports the user into the application page of the application; D. the user device 10 issues the channel number. And a channel for pushing the message of the server 20 is established with the push server 30; E. The user device 10 and the server 20 transfer data to each other through the channel.

以上為本案所舉之實施例,僅為便於說明而設,當不能以此限制本案之意義,即大凡依所列申請專利範圍所為之各種變換設計,均應包含在本案之專利範圍中。 The above embodiments of the present invention are provided for convenience of explanation only. When the meaning of the case cannot be limited, the various transformation designs according to the scope of the listed patent application should be included in the patent scope of the present application.

10‧‧‧使用者裝置 10‧‧‧User device

20‧‧‧伺服器 20‧‧‧Server

30‧‧‧推送伺服器 30‧‧‧ Push server

Claims (3)

一種網頁多維推送系統,包含有:至少一使用者裝置,具備網路連接作用,用以發出一訂閱請求;一伺服器,具備一訊息,伺服器用以接收該訂閱請求,且產生一對應之頻道編號,並將該頻道編號回傳給使用者裝置;一推送伺服器,與伺服器連接,於使用者裝置發出該頻道編號後,與使用者裝置建立一用以推送該伺服器之訊息之通道。 A webpage multi-dimensional push system comprises: at least one user device having a network connection function for issuing a subscription request; a server having a message, the server for receiving the subscription request, and generating a corresponding Channel number, and the channel number is transmitted back to the user device; a push server is connected to the server, and after the user device sends the channel number, a message for pushing the server is established with the user device. aisle. 如申請專利範圍第1項所述之網頁多維推送系統,進一步包含有一主控台,該主控台用以發出該訊息給伺服器。 The webpage multi-dimensional push system of claim 1, further comprising a console for sending the message to the server. 一種網頁多維推送方法,係包含有:A.建立一如申請專利範圍第1項所述之網頁多維推送系統;B.使用者藉使用者裝置發出訂閱請求;C.伺服器產生對應之頻道編號且記錄下來,並將該頻道編號回傳給使用者裝置,接著將使用者導入應用程式的使用頁面;D.使用者裝置發出該頻道編號,並與推送伺服器建立一用以推送該伺服器之訊息之通道;E.使用者裝置和伺服器之間藉該通道互相傳遞資料。 A webpage multi-dimensional push method comprises: A. establishing a webpage multi-dimensional push system as described in claim 1; B. the user sends a subscription request by the user device; C. the server generates the corresponding channel number Recording, and returning the channel number to the user device, and then importing the user into the application page of the application; D. the user device sends the channel number and establishes a push with the push server to push the server The channel of the message; E. The user device and the server use the channel to transfer data to each other.
TW102125234A 2013-07-15 2013-07-15 Multidimensional web page push system and method TW201503645A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW102125234A TW201503645A (en) 2013-07-15 2013-07-15 Multidimensional web page push system and method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW102125234A TW201503645A (en) 2013-07-15 2013-07-15 Multidimensional web page push system and method

Publications (1)

Publication Number Publication Date
TW201503645A true TW201503645A (en) 2015-01-16

Family

ID=52718569

Family Applications (1)

Application Number Title Priority Date Filing Date
TW102125234A TW201503645A (en) 2013-07-15 2013-07-15 Multidimensional web page push system and method

Country Status (1)

Country Link
TW (1) TW201503645A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106331885A (en) * 2015-06-15 2017-01-11 普罗通信股份有限公司 Electronic device, communication system, and transmission method of audio and video data

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106331885A (en) * 2015-06-15 2017-01-11 普罗通信股份有限公司 Electronic device, communication system, and transmission method of audio and video data

Similar Documents

Publication Publication Date Title
CN104253742B (en) Virtual WEB real-time Communication for Power gateway is with and related methods, system
EP3275162B1 (en) Systems and techniques for web communication
CN104253857B (en) Virtual WEB real-time Communication for Power agency is with and related methods, system back-to-back
WO2015117367A1 (en) Remote assistance control method and device
CN102868728B (en) Network proxy method based on virtual channel in virtual desktop infrastructure (VDI) environment
TWI532352B (en) Evolved packet core less direct mode communication system and communication attaching method thereof
MX2017004936A (en) Communication between devices of a neighbor aware network.
EP2860945A3 (en) Network appliance architecture for unified communication services
CN103401946B (en) HTTP uploads accelerated method and system
WO2011137303A3 (en) Transferring a conference session between client devices
CN103108037B (en) A kind of communication means, Web server and Web communication system
CN105574109A (en) Database synchronizing method and equipment and system
CN104125145B (en) Web browser based communication method, web browser based communication equipment and web browser based communication system
WO2012064856A3 (en) Methods for reducing latency in network connections and systems thereof
CN106357697A (en) Multi-terminal page synchronizing method based on WebSocket attribute synchronization
WO2016011885A1 (en) Information transmission method and apparatus
CN108124007A (en) The method and apparatus of message data real-time Transmission
CN103491156A (en) Method and system for enabling circles and groups to be synchronous based on converged communication
CN104135536A (en) Data interaction method of Web management system based on Json data protocols
WO2016086755A1 (en) Packet processing method and transparent proxy server
CN105389219A (en) Cross-computer room communication method and system
CN104539510A (en) Multi-protocol-based information pushing system and method
CN107911466A (en) A kind of association method under multi-layer framework
CN111831513A (en) Log query method and device, electronic equipment and storage medium
WO2019206254A1 (en) Penetration method, device, server and medium for devices under different nat nodes