CN105553959B - Remote control method and system for dynamically generating operation interface of intelligent equipment - Google Patents
Remote control method and system for dynamically generating operation interface of intelligent equipment Download PDFInfo
- Publication number
- CN105553959B CN105553959B CN201510912789.2A CN201510912789A CN105553959B CN 105553959 B CN105553959 B CN 105553959B CN 201510912789 A CN201510912789 A CN 201510912789A CN 105553959 B CN105553959 B CN 105553959B
- Authority
- CN
- China
- Prior art keywords
- html5
- server
- intelligent
- instant messaging
- messaging server
- 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.)
- Active
Links
Classifications
-
- 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]
- H04L67/025—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP] for remote control or remote monitoring of applications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/10—Architectures or entities
-
- 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/50—Network services
- H04L67/75—Indicating network or usage conditions on the user display
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Multimedia (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
- Telephonic Communication Services (AREA)
Abstract
The invention discloses a remote control method and a remote control system for dynamically generating an intelligent device operation interface, wherein the method comprises the following steps: setting HTML5 pages of various intelligent devices in a Web management background according to an Internet of things message control protocol of the intelligent devices, and uploading the HTML5 pages to an HTML5 server; the APP terminal accesses an HTML5 server through a built-in browser, loads HTML5 pages of various intelligent devices and generates an operation interface; the APP terminal sends a control instruction to the instant messaging server through the operation interface; and the instant communication server forwards the control instruction to the corresponding intelligent equipment. From this, can different smart machine of remote control through an APP end, need not to develop different APPs to different equipment, saved development time and cost, also saved the trouble that the user downloaded various APPs.
Description
Technical Field
The invention relates to the technical field of communication, in particular to a remote control method and a remote control system for dynamically generating an operation interface of intelligent equipment.
Background
at present, various intelligent control devices are arranged on the market, if the devices need to be controlled and information is obtained through APPs, different APP interfaces need to be developed aiming at different devices, and service codes matched with the devices need to be developed at a server end aiming at the information protocols of the devices, so that a large amount of time and labor are consumed, and the development cost is high.
thus, there is a need for improvements and enhancements to the prior art.
Disclosure of Invention
In view of the defects of the prior art, the invention aims to provide a remote control method and a remote control system for dynamically generating an operation interface of intelligent equipment, wherein different equipment can be controlled by only developing one APP, so that the development time is saved.
In order to achieve the purpose, the invention adopts the following technical scheme:
A remote control method for dynamically generating an operation interface of an intelligent device comprises the following steps:
A. Setting HTML5 pages of various intelligent devices in a Web management background according to an Internet of things message control protocol of the intelligent devices, and uploading the HTML5 pages to an HTML5 server;
B. The APP terminal accesses an HTML5 server through a built-in browser, loads HTML5 pages of various intelligent devices and generates an operation interface;
C. The APP terminal sends a control instruction to the instant messaging server through the operation interface;
D. And the instant communication server forwards the control instruction to the corresponding intelligent equipment.
In the remote control method for dynamically generating the operation interface of the intelligent device, the step a specifically includes:
A1, setting an Internet of things message control protocol of intelligent equipment in a Web management background in advance, wherein the intelligent equipment, an APP terminal, the Web management background and an instant messaging server all realize data transmission through the Internet of things message control protocol of the intelligent equipment;
a2, providing a standard XML document definition file by a Web management background to standardize the content format, XML tags and attributes of the XML document, and describing an HTML5 page of the intelligent equipment by the XML document in the Web management background;
A3, generating an HTML5 page according to the XML document, and uploading the HTML5 page to an HTML5 server.
In the remote control method for dynamically generating the operation interface of the intelligent equipment, the APP end is provided with a JavaSript API which is communicated with the instant messaging server in an exchange way; the instant messaging server is also provided with JavaSript API which exchanges communication with the APP terminal.
the remote control method for dynamically generating the intelligent device operation interface comprises the following specific steps: and a browser built in the APP terminal calls a JavaSript API to be connected with a Web management background, the address of the HTML5 server is obtained, and an HTML5 page in the HTML5 server is loaded to form a corresponding operation interface.
in the remote control method for dynamically generating an operation interface of an intelligent device, the step C specifically includes:
c1, the intelligent device is connected with an instant messaging server;
C2, binding the APP end with the intelligent device through the instant messaging server;
c3, after receiving the binding instruction, the APP end controls the bound intelligent device through the instant communication server; and the intelligent equipment feeds back the state and the message of the intelligent equipment through the instant messaging server.
a remote control system for dynamically generating an operating interface of an intelligent device comprises:
The Web management background is used for setting HTML5 pages of various intelligent devices according to an Internet of things message control protocol of the intelligent devices and uploading the HTML5 pages to an HTML5 server;
The HTML5 server is used for storing HTML5 pages uploaded by a Web management background;
The APP terminal is used for accessing an HTML5 server by calling a built-in browser, loading HTML5 pages of various intelligent devices and generating an operation interface, and sending a control instruction to the instant messaging server through the operation interface;
And the instant communication server is used for forwarding the control instruction to the corresponding intelligent equipment.
in the remote control system for dynamically generating an operation interface of an intelligent device, the Web management background includes:
The system comprises a preset module, an APP (application) end, a Web management background and an instant messaging server, wherein the preset module is used for setting an Internet of things message control protocol of intelligent equipment, and the intelligent equipment, the APP end, the Web management background and the instant messaging server all realize data transmission through the Internet of things message control protocol of the intelligent equipment; providing a standard XML document definition file to standardize the content format, XML tags and attributes of the XML document;
An online editor for describing the HTML5 page of the device using an XML document;
and the interface generating module is used for generating an HTML5 page according to the XML document and uploading the HTML5 page to the HTML5 server.
in the remote control system for dynamically generating the operation interface of the intelligent equipment, the APP end is provided with a JavaSript API which is communicated with the instant messaging server in an exchange way; the instant messaging server is also provided with JavaSript API which exchanges communication with the APP terminal.
in the remote control system for dynamically generating the operation interface of the intelligent device, the APP end includes:
The binding module is used for connecting with the instant communication server and binding with the intelligent equipment through the instant communication server after receiving a binding instruction;
The interface loading module is used for calling JavaSript API through a built-in browser to be connected with the Web management background, acquiring an HTML5 server address, loading an HTML5 page in an HTML5 server and forming a corresponding operation interface;
The control module is used for calling JavaSript API through the operation interface and communicating with the instant messaging server through the JavaSript API; and sending a control instruction to the bound intelligent equipment through the instant messaging server.
In the remote control system for dynamically generating the operation interface of the intelligent device, the instant messaging server is an XMPP instant messaging server.
Compared with the prior art, in the remote control method and the system for dynamically generating the intelligent device operation interface, the remote control method comprises the following steps: setting HTML5 pages of various intelligent devices in a Web management background according to an Internet of things message control protocol of the intelligent devices, and uploading the HTML5 pages to an HTML5 server; the APP terminal accesses an HTML5 server through a built-in browser, loads HTML5 pages of various intelligent devices and generates an operation interface; the APP terminal sends a control instruction to the instant messaging server through the operation interface; and the instant communication server forwards the control instruction to the corresponding intelligent equipment. From this, can different smart machine of remote control through an APP end, need not to develop different APPs to different equipment, saved development time and cost, also saved the trouble that the user downloaded various APPs.
Drawings
Fig. 1 is a flowchart of a method for dynamically generating a remote control method for an operation interface of an intelligent device according to the present invention.
Fig. 2 is a block diagram of a remote control system for dynamically generating an operation interface of an intelligent device according to the present invention.
Detailed Description
The invention provides a remote control method and a remote control system for dynamically generating an intelligent device operation interface. In order to make the objects, technical solutions and effects of the present invention clearer and clearer, the present invention is further described in detail below with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.
referring to fig. 1, the remote control method for dynamically generating an operation interface of an intelligent device according to the present invention includes the steps of:
S10, setting HTML5 (hypertext markup language) pages of various intelligent devices in a Web management background according to an Internet of things message control protocol of the intelligent devices, uploading the HTML5 pages to an HTML5 server, and simultaneously recording the addresses of the HTML5 server and the addresses of HTML5 pages of various devices stored in an HTML5 server by the Web management background. The intelligent device preferably comprises various household intelligent appliances, such as intelligent air conditioners, intelligent refrigerators, intelligent washing machines, intelligent televisions and other intelligent household appliances, and can also be a mobile phone, a computer and other intelligent industrial devices. HTML5 pages of various intelligent devices are stored in an HTML5 server, and a Web management background provides a loading address of the HTML5 page, so that the APP is light in weight, development difficulty of the APP is greatly simplified, development period is shortened, and a large amount of manpower and material resources are saved.
And S20, the APP terminal accesses an HTML5 server through a built-in browser, loads HTML5 pages of various intelligent devices and generates an operation interface. The APP end includes the APP, and this APP mountable can control different smart machine through the APP end in various smart terminal.
And S30, the APP terminal sends a control instruction to the instant messaging server through the operation interface.
And S40, the instant communication server forwards the control instruction to the corresponding intelligent equipment and forwards the self state and the message fed back by the intelligent equipment to the APP terminal. Namely, the instant messaging server is connected APP end and smart machine, realizes APP end and smart machine's communication, the communication includes that APP end sends control command, smart machine feedback self state and message to for APP end etc. to smart machine.
Therefore, only one APP needs to be developed, the browser capable of accessing the HTML5 server is arranged in the APP, the HTML5 page of the intelligent device needing to be controlled by the user can be loaded, an operation interface is formed, control over the intelligent device is achieved, the user only needs to download one APP, operation of the user and the storage space of the user intelligent terminal are greatly saved, and great convenience is provided for the user.
Further, the step S10 specifically includes:
s110, setting an Internet of things message control protocol of the intelligent equipment in a Web management background in advance, wherein the intelligent equipment, the APP terminal, the Web management background and the instant messaging server all realize data transmission through the Internet of things message control protocol of the intelligent equipment. Because operating systems, used programming languages, software protocols, control instructions and the like adopted among various intelligent devices are possibly different, the HTML5 page is developed aiming at the Internet of things message control protocol of the intelligent device, the APP terminal, the Web management background and the instant communication server are enabled to comply with the Internet of things message control protocol, the correspondence between the HTML5 page and the intelligent device is realized, and barrier-free communication among the intelligent device, the APP terminal, the Web management background and the instant communication server is enabled. When the new intelligent equipment is subsequently added, the Internet of things message control protocol of the newly added intelligent equipment is added into the Web management background, so that the method is very convenient and practical.
S120, providing a standard XML (extensible markup language) document definition file (DTD file) to specify the content format, XML tags and attributes of the XML document by the Web management background, and describing HTML5 pages of the equipment by the XML document in the Web management background. The operation interfaces of the clients in various intelligent devices are loaded according to HTML5 pages mapped by XML documents in a format defined by the DTD file.
s130, designing an HTML5 component with styles through XSL (extensible stylesheet language) and JavaScript (transliterated scripting language) in a Web management background in advance. The HTML5 components refer to buttons, progress bars, windows, and tables, among other components. The HTML5 components are set in advance, when the intelligent device is added, the XML document of the intelligent device is obtained or made, and the corresponding HTML5 components are corresponding to the tags and the attributes through the designated tags, so that each XML tag can not only describe the message content required by the tag, but also designate the corresponding HTML5 component and style of the tag on an HTML5 page. The development time is saved.
s140, designing an XML document for describing an HTML5 page of the intelligent device, and generating the XML document into an HTML5 page through XSL. That is, after the Web manages the XML document for which the components are designed in the background, the document generates the XML document into an HTML5 page by XSLT technology (XML stylesheet transformation) through an XML + XSL component.
and S150, generating an HTML5 page according to the XML document, and uploading the HTML5 page to an HTML5 server. Because the HTML5 page is used as an operation interface, the APP end can load the operation interface only by accessing the HTML5 page through the public network address provided by the Web management background, and the operation interface is convenient and quick.
therefore, the Web management background: providing an editing page, inputting an Internet of things message control protocol of the intelligent equipment, storing the Internet of things message control protocol in a database, generating an HTML5 page (operation interface), a JS code (Javascript) and an instant messaging server plug-in source code and the like through a protocol document and an XML + XSL technology, wherein the instant messaging server plug-in source code and the HTML5 interface can be edited through an online editor of a Web management background. Therefore, no matter an HTML5 page of the intelligent device is newly added or an HTML5 page of the intelligent device is updated, after the HTML5 page is newly added or updated in the Web management background, the HTML5 page is automatically uploaded to the HTML5 server, so that an operation interface obtained by a user through an APP terminal is always the latest, and the time spent on the new addition and the update of the operation interface is greatly saved.
further, the step S140 specifically includes: designing an XML document for describing HTML5 pages of the smart device, wherein the part of the XML document conforming to the specification of a standard XML document definition file automatically generates a corresponding HTML5 component; the part of the XML document that does not meet the specification of the standard XML document definition file generates corresponding HTML5 components through plug-ins, and all HTML5 components constitute HTML5 pages. The plug-in is formed by packaging plug-in source codes of the instant messaging server, and the plug-in is automatically uploaded to the instant messaging server after being generated. For example, the HTML5 server already has the HTML5 page of the intelligent air conditioner, and now the HTML5 page of the intelligent washing machine needs to be added, because the HTML5 pages of the intelligent air conditioner and the intelligent washing machine include the on-off button, the mode switching button, the increase and decrease button, and the like, the same HTML5 components of the intelligent air conditioner and the intelligent washing machine can be directly used, and different parts, such as the time setting button, the pause button, and the like of the intelligent washing machine, can be extended through the plug-in. Of course, the function of the intelligent device added with an existing HTML5 page can also be performed in this way. Therefore, by the remote control method for dynamically generating the operation interface of the intelligent equipment, provided by the invention, the operation interfaces can be set for most intelligent equipment, and when the intelligent equipment or the newly added function is newly added, the operation interfaces do not need to be developed from the beginning, and the development of the operation interfaces of different equipment can be completed in a very short time, so that the functions of controlling the equipment, transferring messages and the like are realized.
Further, the APP end is provided with a JavaSript API which is communicated with the instant messaging server in an exchange manner; the instant messaging server is also provided with JavaSript API which exchanges communication with the APP terminal. Namely, the JavaSript API (interface) is directly connected with the instant messaging server through an interface on the browser webview carried by the APP terminal. The JavaSript API is a JavaSript function which enables the APP terminal and the instant messaging server to exchange communication with each other. In the XML document, the JavaSript API corresponding to the relevant action triggered by the tag can be specified in a tag and attribute mode, so that after the HTML5 page is generated, the JavaSript API preset on the component on the HTML5 page is triggered to communicate with the instant messaging server through clicking or other actions.
The step S20 specifically includes: after receiving a control instruction of a user, a browser built in the APP terminal calls a JavaSript API to be connected with a Web management background, specifically, the JavaSript API is connected with a Web API (network interface) of the Web management background, an HTML5 server address is obtained, an HTML5 page in an HTML5 server is loaded, and a corresponding operation interface is formed.
the step S30 specifically includes:
And S310, the intelligent equipment is connected with an instant messaging server through a wireless network.
And S320, the APP terminal is bound with the intelligent equipment through the instant messaging server.
s330, after receiving the binding instruction, the APP end controls the bound intelligent equipment through the instant communication server; and the intelligent equipment feeds back the state and the message of the intelligent equipment through the instant messaging server.
The instant messaging server is an XMPP instant messaging server, and the XMPP instant messaging server sends a control instruction to the bound intelligent equipment through an instant messaging tool openfire, so that the intelligent equipment is controlled. The instant messaging tool openfire can load and execute the plug-in, and the extension function of the plug-in is realized.
The APP is installed in the mobile phone, the APP provides a built-in browser webview, the browser supports Javascript API through APP packaging, interactive communication is carried out between the Javascript API and HTML5 of the intelligent device, the APP calls the Javascript API through the browser webview to communicate with the instant messaging server, and therefore communication with the instant messaging server through HTML5 can be achieved. Therefore, the nodes for exchanging messages with the cloud end include: HTML5 interface and assembly- > Javascript API- > APP with browser view-unified APP-instant messaging server. The APP obtains the address of the HTML5 page of each intelligent device through communicating with the Web API, obtains the HTML5 page corresponding to each intelligent device, loads the HTML5 pages through the browser to obtain an operation interface, and therefore the APP can communicate with the instant messaging server through the operation interface on the mobile phone, and then the APP can interactively communicate with various different devices, so that the functions of controlling various devices through the operation interface, receiving and sending messages, inquiring the state of the devices and the like are achieved. Moreover, by operating in the Web management background, the administrator can dynamically generate HTML5 pages by inputting the message protocol related to the intelligent device, and the functions of controlling different intelligent devices, transferring messages and the like can be completed in a short time.
therefore, through Web management background operation, an administrator inputs a message protocol (an Internet of things message control protocol) related to an intelligent device, describes the Internet of things message control protocol of the intelligent device through xml, stores the xml in a database, generates a Javascript processing function and a control interface (based on Html5) matched with the device message protocol according to the xml message description, generates service codes corresponding to each message protocol in a code generator mode through the xml message description, can modify the service codes online, can package the modified service codes into a plug-in of an instant messenger openfire, and deploys the service codes and the openfire in a hot mode. Therefore, the system can realize the functions of dynamic intelligent equipment APP interface and dynamic intelligent equipment service processing.
Based on the remote control method for dynamically generating the intelligent device operation interface provided in the previous embodiment, the invention also provides a remote control system for dynamically generating the intelligent device operation interface. Referring to fig. 2, the remote control system includes a Web management background 10, an HTML5 server 20, an APP end 30, an instant messaging server 40, and a device 50.
the Web management background 10 is configured to set HTML5 pages of multiple types of smart devices 50 according to an internet of things message control protocol of the smart device, upload the HTML5 pages to the HTML5 server 20, and record addresses of the HTML5 server and addresses of HTML5 pages of multiple types of devices stored in the HTML5 server. The intelligent device 50 preferably includes various household intelligent appliances, such as an intelligent air conditioner, an intelligent refrigerator, an intelligent washing machine, an intelligent television, and other intelligent household appliances, and of course, may also be a mobile phone, a computer, and other intelligent industrial devices. HTML5 pages of various intelligent devices are stored in an HTML5 server, and a Web management background provides a loading address of the HTML5 page, so that the APP is light in weight, development difficulty of the APP is greatly simplified, development period is shortened, and a large amount of manpower and material resources are saved. The Web API refers to a Web server interface.
The HTML5 server 20 is used for storing HTML5 pages uploaded by the Web management background 10.
the APP end 30 is configured to access the HTML5 server 20 by calling a built-in browser, load HTML5 pages of various smart devices and generate an operation interface, and send a control instruction to the instant messaging server 40 through the operation interface. APP end 30 includes APP, and this APP mountable can control different smart machine 50 through the APP end in various smart terminal.
The instant messaging server 40 is configured to forward the control instruction to the corresponding smart device 50, and forward the self state and the message fed back by the smart device 50 to the APP end 30. That is, instant messaging server 40 couples together APP end 30 and smart machine 50, realizes APP end 30 and smart machine 50's communication, the communication includes that APP end 30 sends control command, smart machine 50 feedbacks the state and the message of self for APP end 30 etc. to smart machine 50.
therefore, only one APP needs to be developed, the browser capable of accessing the HTML5 server is arranged in the APP, the HTML5 page of the intelligent device needing to be controlled by the user can be loaded, the control over the intelligent device is achieved, the user only needs to download the APP, the operation of the user and the storage space of the intelligent terminal of the user are greatly saved, and great convenience is provided for the user.
further, the Web management background 10 includes a preset module, an online editor, and an interface generation module.
The preset module is used for setting an internet of things message control protocol of the intelligent device, and the intelligent device 50, the APP end 30, the Web management background 10 and the instant messaging server 50 all realize data transmission through the internet of things message control protocol of the intelligent device 50; providing a standard XML document definition file to standardize the content format, XML tags and attributes of the XML document; the styled HTML5 component is designed by XSL and JavaScript.
Because the operating systems, the used programming languages, the software protocols, the control instructions and the like adopted among the various intelligent devices are possibly different, the HTML5 page is developed aiming at the Internet of things message control protocol of the intelligent devices, various intelligent devices 50, the APP end 30, the Web management background 10 and the instant messaging server 40 are enabled to comply with the Internet of things message control protocol, the correspondence between the HTML5 page and the intelligent devices is realized, and the intelligent devices 50, the APP end 30, the Web management background 10 and the instant messaging server 40 are enabled to communicate without barriers. When the new intelligent equipment is subsequently added, the Internet of things message control protocol of the newly added intelligent equipment is added into the Web management background, so that the method is very convenient and practical.
the clients in each type of device 50 are HTML5 interfaces mapped from XML documents that conform to the format defined by the DTD file.
The HTML5 components refer to buttons, progress bars, windows, and tables, among other components. The HTML5 components are set in advance, when an intelligent device is added, an XML document of the device is obtained or made, and the XML document corresponds to the corresponding HTML5 component through the designated tag and the attribute, so that each XML tag can not only describe the message content required by the tag, but also designate the HTML5 component and the style corresponding to the tag on the HTML 5. The development time is saved.
The online editor is used for describing HTML5 pages of the device by adopting XML documents.
The interface generating module is used for generating an HTML5 page according to the XML document and uploading an HTML5 page to the HTML5 server 20.
That is, after an XML document of components is designed in the Web management backend 10, the document generates the XML document into an HTML5 page by XSLT technology (XML stylesheet transformation) through XML + XSL components. Because the HTML5 page is used as the operation interface, the APP terminal can load the operation interface only by accessing the HTML5 page through the public network address provided by the Web API, and the operation interface is convenient and quick.
Therefore, the Web management background: providing an editing page, inputting an Internet of things message control protocol of the intelligent equipment, storing the Internet of things message control protocol in a database, generating an HTML5 page (operation interface), a JS code (Javascript) and an instant messaging server plug-in source code and the like through a protocol document and an XML + XSL technology, wherein the instant messaging server plug-in source code and the HTML5 interface can be edited through an online editor of a Web management background. Therefore, no matter an HTML5 page of the intelligent device is newly added or an HTML5 page of the intelligent device is updated, after the HTML5 page is newly added or updated in the Web management background, the HTML5 page is automatically uploaded to the HTML5 server, so that an operation interface obtained by a user through an APP terminal is always the latest, and the time spent on the new addition and the update of the operation interface is greatly saved.
Further, the online editor is specifically configured to: designing an XML document for describing HTML5 pages of the smart device, wherein the part of the XML document conforming to the specification of a standard XML document definition file automatically generates a corresponding HTML5 component; the part of the XML document that does not meet the specification of the standard XML document definition file generates corresponding HTML5 components through plug-ins, and all HTML5 components constitute HTML5 pages. The plug-in is formed by packaging plug-in source codes of the instant messaging server, and the plug-in is automatically uploaded to the instant messaging server after being generated. For example, the HTML5 server already has the HTML5 page of the intelligent air conditioner, and now the HTML5 page of the intelligent washing machine needs to be added, because the HTML5 pages of the intelligent air conditioner and the intelligent washing machine include the on-off button, the mode switching button, the increase and decrease button, and the like, the same HTML5 components of the intelligent air conditioner and the intelligent washing machine can be directly used, and different parts, such as the time setting button, the pause button, and the like of the intelligent washing machine, can be extended through the plug-in. Of course, the function of the intelligent device added with an existing HTML5 page can also be performed in this way. Therefore, the remote control system for dynamically generating the operation interface of the intelligent equipment can set the operation interfaces for most intelligent equipment, and can complete the development of the operation interfaces of different equipment in a very short time without developing the operation interfaces from the beginning when equipment or functions are newly added, thereby realizing the functions of controlling the equipment, transferring messages and the like.
Further, the APP end 30 is provided with a javascript API that exchanges communications with the instant messaging server 40; the instant messaging server 40 is also provided with a JavaSript API which exchanges communications with the APP terminal 30. Namely, the javascript API (interface) is directly connected with the instant messaging server 40 through an interface on the browser webview of the APP terminal 30. The javascript API is a javascript function that enables the APP end 30 and the instant messaging server 40 to exchange communications with each other. In the XML document, the javascript API corresponding to the relevant action triggered by the tag can be specified in the manner of the tag and the attribute, so that after the HTML5 page is generated, the javascript API preset on the component on the HTML5 page is triggered to communicate with the instant messaging server 40 by clicking or other actions.
The APP end 30 includes a binding module, an interface loading module, and a control module.
The binding module is used for connecting with an instant messaging server, and binding with the intelligent device 50 through the instant messaging server 40 after receiving a binding instruction.
the interface loading module is used for calling JavaSript API through a built-in browser to be connected with the Web management background, specifically, the interface loading module is connected with the Web API of the Web management background, acquiring the address of an HTML5 server, and loading an HTML5 page in the HTML5 server to form a corresponding operation interface.
The control module is used for calling JavaSript API through the operation interface and communicating with the instant messaging server 40 through the JavaSript API; control commands are sent to the bound smart devices 50 via the instant messaging server 40.
the instant messaging server 40 is an XMPP instant messaging server, and the XMPP instant messaging server sends a control instruction to the bound intelligent device through an instant messaging tool openfire, so as to control the intelligent device. The instant messaging tool openfire can load and execute the plug-in, and the extension function of the plug-in is realized.
the APP is installed in the mobile phone, the APP provides a built-in browser webview, the browser supports Javascript API through APP packaging, interactive communication is carried out between the Javascript API and HTML5 of the intelligent device, the APP calls the Javascript API through the browser webview to communicate with the instant messaging server, and therefore communication with the instant messaging server through HTML5 can be achieved. Therefore, the nodes for exchanging messages with the cloud end include: HTML5 interface and assembly- > Javascript API- > APP with browser view-unified APP-instant messaging server. The APP obtains the address of the HTML5 page of each intelligent device through communicating with the Web API, obtains the HTML5 interface (operation interface) corresponding to each intelligent device, loads the interfaces through the browser, and can communicate with the instant messaging server through the HTML5 page on the mobile phone APP, so that interactive communication is carried out with various different devices, and functions of controlling various devices through the operation interface, receiving and sending messages, inquiring the state of the devices and the like are achieved. Moreover, by operating in the Web management background, the administrator can dynamically generate HTML5 pages by inputting the message protocol related to the intelligent device, and the functions of controlling different intelligent devices, transferring messages and the like can be completed in a short time.
it should be understood that equivalents and modifications of the technical solution and inventive concept thereof may occur to those skilled in the art, and all such modifications and alterations should fall within the scope of the appended claims.
Claims (8)
1. A remote control method for dynamically generating an operation interface of an intelligent device is characterized by comprising the following steps:
A. Setting HTML5 pages of various intelligent devices in a Web management background according to an Internet of things message control protocol of the intelligent devices, uploading the HTML5 pages to an HTML5 server, and recording the addresses of the HTML5 server and the addresses of HTML5 pages of various devices stored in an HTML5 server by the Web management background;
B. the APP terminal accesses an HTML5 server through a built-in browser, loads HTML5 pages of various intelligent devices and generates an operation interface;
C. The APP terminal sends a control instruction to the instant messaging server through the operation interface;
D. The instant communication server forwards the control instruction to the corresponding intelligent equipment;
The step A specifically comprises the following steps:
a1, setting an Internet of things message control protocol of intelligent equipment in a Web management background in advance, wherein the intelligent equipment, an APP terminal, the Web management background and an instant messaging server all realize data transmission through the Internet of things message control protocol of the intelligent equipment;
A2, providing a standard XML document definition file by a Web management background to standardize the content format, XML tags and attributes of the XML document, and describing an HTML5 page of the intelligent equipment by the XML document in the Web management background;
designing an HTML5 component with a style through XSL and JavaScript in a Web management background in advance; designing an XML document for describing an HTML5 page of the intelligent device, and generating the XML document into an HTML5 page through XSL;
A3, generating an HTML5 page according to the XML document, and uploading the HTML5 page to an HTML5 server;
The Web management background: providing an editing page, outputting an Internet of things information control protocol of the intelligent equipment, storing the Internet of things information control protocol in a database, and generating an HTML5 page, a JS code and an instant messaging server plug-in source code through a protocol document and based on an XML + XSL technology;
the plug-in source code of the instant messaging server and the HTML5 interface are edited by an online editor in the Web management background.
2. the remote control method for dynamically generating the operating interface of the intelligent device according to claim 1, wherein the APP terminal is provided with a JavaSript API which exchanges communication with an instant messaging server; the instant messaging server is also provided with JavaSript API which exchanges communication with the APP terminal.
3. The remote control method for dynamically generating an operation interface of an intelligent device according to claim 2, wherein the step B specifically comprises: and a browser built in the APP terminal calls a JavaSript API to be connected with a Web management background, the address of the HTML5 server is obtained, and an HTML5 page in the HTML5 server is loaded to form a corresponding operation interface.
4. The remote control method for dynamically generating an operation interface of an intelligent device according to claim 3, wherein the step C specifically comprises:
C1, the intelligent device is connected with an instant messaging server;
C2, binding the APP end with the intelligent device through the instant messaging server;
c3, after receiving the binding instruction, the APP end controls the bound intelligent device through the instant communication server; and the intelligent equipment feeds back the state and the message of the intelligent equipment through the instant messaging server.
5. a remote control system for dynamically generating an operation interface of an intelligent device is characterized by comprising:
The Web management background is used for setting HTML5 pages of various intelligent devices according to an Internet of things message control protocol of the intelligent devices and uploading the HTML5 pages to an HTML5 server; the Web management background is also used for recording the address of an HTML5 server and the addresses of HTML5 pages of various devices stored in an HTML5 server;
The HTML5 server is used for storing HTML5 pages uploaded by a Web management background;
the APP terminal is used for accessing an HTML5 server by calling a built-in browser, loading HTML5 pages of various intelligent devices and generating an operation interface, and sending a control instruction to the instant messaging server through the operation interface;
The instant messaging server is used for forwarding the control instruction to the corresponding intelligent equipment;
The Web management background comprises:
the system comprises a preset module, an APP (application) end, a Web management background and an instant messaging server, wherein the preset module is used for setting an Internet of things message control protocol of intelligent equipment, and the intelligent equipment, the APP end, the Web management background and the instant messaging server all realize data transmission through the Internet of things message control protocol of the intelligent equipment; providing a standard XML document definition file to standardize the content format, XML tags and attributes of the XML document;
Designing an HTML5 component with a style through XSL and JavaScript in a Web management background in advance; designing an XML document for describing an HTML5 page of the intelligent device, and generating the XML document into an HTML5 page through XSL;
an online editor for describing the HTML5 page of the device using an XML document;
The interface generating module is used for generating an HTML5 page according to the XML document and uploading the HTML5 page to an HTML5 server;
the Web management background is used for providing an editing page, outputting an Internet of things information control protocol of the intelligent equipment, storing the Internet of things information control protocol in a database, and generating an HTML5 page, a JS code and an instant messaging server plug-in source code through a protocol document based on an XML + XSL technology;
The plug-in source code of the instant messaging server and the HTML5 interface are edited by an online editor in the Web management background.
6. The remote control system for dynamically generating an operation interface of an intelligent device according to claim 5, wherein the APP terminal is provided with a JavaSript API for exchanging and communicating with the instant messaging server; the instant messaging server is also provided with JavaSript API which exchanges communication with the APP terminal.
7. the remote control system for dynamically generating an operating interface of an intelligent device according to claim 6, wherein the APP terminal comprises:
The binding module is used for connecting with the instant communication server and binding with the intelligent equipment through the instant communication server after receiving a binding instruction;
the interface loading module is used for calling JavaSript API through a built-in browser to be connected with the Web management background, acquiring an HTML5 server address, loading an HTML5 page in an HTML5 server and forming a corresponding operation interface;
the control module is used for calling JavaSript API through the operation interface and communicating with the instant messaging server through the JavaSript API; and sending a control instruction to the bound intelligent equipment through the instant messaging server.
8. the remote control system for dynamically generating an operation interface of an intelligent device as claimed in claim 7, wherein the instant messaging server is an XMPP instant messaging server.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510912789.2A CN105553959B (en) | 2015-12-11 | 2015-12-11 | Remote control method and system for dynamically generating operation interface of intelligent equipment |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510912789.2A CN105553959B (en) | 2015-12-11 | 2015-12-11 | Remote control method and system for dynamically generating operation interface of intelligent equipment |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105553959A CN105553959A (en) | 2016-05-04 |
CN105553959B true CN105553959B (en) | 2019-12-10 |
Family
ID=55832895
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510912789.2A Active CN105553959B (en) | 2015-12-11 | 2015-12-11 | Remote control method and system for dynamically generating operation interface of intelligent equipment |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105553959B (en) |
Families Citing this family (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106055564B (en) * | 2016-05-18 | 2019-03-12 | 平安科技(深圳)有限公司 | Page loading method and device |
CN106375409A (en) * | 2016-08-31 | 2017-02-01 | 杭州古北电子科技有限公司 | Method for automatically generating smart device control interface |
CN106790351A (en) * | 2016-11-14 | 2017-05-31 | 中国联合网络通信集团有限公司 | A kind of method and system of equipment control |
CN106792058A (en) * | 2016-12-30 | 2017-05-31 | 新东网科技有限公司 | A kind of video screen long-distance remote-control method |
CN107656953A (en) * | 2016-12-30 | 2018-02-02 | 深圳市谷熊网络科技有限公司 | A kind of method and device for manipulating smart machine |
US10671261B2 (en) * | 2017-01-17 | 2020-06-02 | Opentv, Inc. | Application dependent remote control |
CN107770011A (en) * | 2017-09-30 | 2018-03-06 | 四川长虹电器股份有限公司 | App controls the implementation method and state synchronization method of multiple equipment |
CN108108219B (en) * | 2017-12-30 | 2020-10-27 | 深圳壹账通智能科技有限公司 | Application program running method and device, computer equipment and storage medium |
CN111506846B (en) * | 2019-01-30 | 2023-05-02 | 杭州海康威视数字技术股份有限公司 | Web page generation method and device, electronic equipment and storage medium |
CN111413876A (en) * | 2020-03-02 | 2020-07-14 | 青岛聚好联科技有限公司 | Method for configuring control page of APP, cloud platform and terminal equipment |
CN111324378B (en) * | 2020-03-18 | 2023-08-29 | 浩云科技股份有限公司 | Configuration method, device and equipment for video monitoring application software |
TWI792147B (en) * | 2021-01-08 | 2023-02-11 | 圓展科技股份有限公司 | Management system and device operation method with preloaded user interface |
CN112738274A (en) * | 2021-01-24 | 2021-04-30 | 南京金盾公共安全技术研究院有限公司 | Android application-based unified connection and control method for intelligent equipment |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104426750A (en) * | 2013-09-11 | 2015-03-18 | 腾讯科技(深圳)有限公司 | Method, equipment and system for instant messaging |
CN104635543A (en) * | 2015-01-22 | 2015-05-20 | 腾讯科技(北京)有限公司 | Method and device for carrying out management operation |
CN104660714A (en) * | 2015-03-13 | 2015-05-27 | 张泽 | Remote control method, remote control device and remote control system of terminal equipment |
CN105049339A (en) * | 2015-08-14 | 2015-11-11 | 北京奇虎科技有限公司 | Method and device for loading control interface of intelligent device |
CN105049340A (en) * | 2015-08-14 | 2015-11-11 | 北京奇虎科技有限公司 | Method and device for accessing intelligent equipment based on instant communication |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9621627B2 (en) * | 2013-12-31 | 2017-04-11 | Interneer, Inc. | Dynamically launching a server-based application on a mobile device |
-
2015
- 2015-12-11 CN CN201510912789.2A patent/CN105553959B/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104426750A (en) * | 2013-09-11 | 2015-03-18 | 腾讯科技(深圳)有限公司 | Method, equipment and system for instant messaging |
CN104635543A (en) * | 2015-01-22 | 2015-05-20 | 腾讯科技(北京)有限公司 | Method and device for carrying out management operation |
CN104660714A (en) * | 2015-03-13 | 2015-05-27 | 张泽 | Remote control method, remote control device and remote control system of terminal equipment |
CN105049339A (en) * | 2015-08-14 | 2015-11-11 | 北京奇虎科技有限公司 | Method and device for loading control interface of intelligent device |
CN105049340A (en) * | 2015-08-14 | 2015-11-11 | 北京奇虎科技有限公司 | Method and device for accessing intelligent equipment based on instant communication |
Also Published As
Publication number | Publication date |
---|---|
CN105553959A (en) | 2016-05-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105553959B (en) | Remote control method and system for dynamically generating operation interface of intelligent equipment | |
CN106055337B (en) | Interface generation method and device | |
CN112073471B (en) | Control method and device of equipment, storage medium and electronic device | |
CN102710593B (en) | Method, device and system for publishing message in graph mashup | |
CN102368214B (en) | Automatic interface generation method and system | |
CN104967650A (en) | Third-party e-commerce platform unified releasing method | |
TWM525485U (en) | Set-top box remote multiple screen interaction control system based on XMPP communication | |
CN101437044A (en) | Method and system for downloading file by point-to-point network technique based on sliced sheet | |
CA2925279C (en) | Method and apparatus for device-specific communication between application programs | |
CN102938788B (en) | The processing method of event and device | |
US20150379030A1 (en) | Platform integrating method and system for adapting third-party web page in application | |
CN103826156A (en) | Terminal remote control method, set-top box, mobile terminal and web page server | |
CN104468148A (en) | Nginx server configuration maintenance method and system | |
CN108376078A (en) | Upgrade method, device and the household appliance of equipment | |
CA2511916A1 (en) | System and method of building wireless component applications | |
CN104462237A (en) | Method and device for displaying public information | |
CN112399130A (en) | Processing method and device of cloud video conference information, storage medium and communication equipment | |
CN112394931A (en) | Static page configuration optimization control method and device for front-end page | |
CN109408090B (en) | Upgrading method of equipment software, data converter and readable storage medium | |
WO2016005884A2 (en) | Javascript-based, client-side template driver system | |
CN112954717A (en) | Household appliance network distribution method and device based on H5 page | |
CN111007733B (en) | Method and device for integrating smart home terminal APP with smart device | |
CN105446709B (en) | A kind of Java application processing method and device | |
CN101808218B (en) | Method, device and system for acquiring and updating content of electronic program guide | |
CN107368523B (en) | Data processing method and system |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |