動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法和系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及通信技術(shù)領(lǐng)域,特別涉及一種動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法和系統(tǒng)。
【背景技術(shù)】
[0002]目前市面上有各種各樣的智能控制設(shè)備,如果需要對(duì)設(shè)備通過APP進(jìn)行控制和獲取消息,需要針對(duì)不同的設(shè)備開發(fā)不同的APP界面,以及針對(duì)該設(shè)備本身的消息協(xié)議在服務(wù)器端開發(fā)與該設(shè)備本身匹配的業(yè)務(wù)代碼,這樣需耗費(fèi)大量的時(shí)間和人力,開發(fā)成本高。
[0003]因此,現(xiàn)有的技術(shù)還有待改進(jìn)和提尚。
【發(fā)明內(nèi)容】
[0004]鑒于上述現(xiàn)有技術(shù)的不足之處,本發(fā)明的目的在于提供一種動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法和系統(tǒng),只需開發(fā)一個(gè)APP即可控制不同的設(shè)備,節(jié)省了開發(fā)時(shí)間。
[0005]為了達(dá)到上述目的,本發(fā)明采取了以下技術(shù)方案:
一種動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法,所述方法包括:
A、根據(jù)智能設(shè)備的物聯(lián)消息控制協(xié)議,在Web管理后臺(tái)中設(shè)置多種智能設(shè)備的HTML5頁面,并將所述HTML5頁面上傳到HTML5服務(wù)器中;
B、APP端通過內(nèi)置的瀏覽器訪問HTML5服務(wù)器,加載多種智能設(shè)備的HTML5頁面并生成操作界面;
C、所述APP端通過所述操作界面向即時(shí)通訊服務(wù)器發(fā)送控制指令;
D、所述即時(shí)通訊服務(wù)器將所述控制指令轉(zhuǎn)發(fā)給對(duì)應(yīng)的智能設(shè)備。
[0006]所述的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法中,所述步驟A具體包括:
Al、預(yù)先在Web管理后臺(tái)中,設(shè)置智能設(shè)備的物聯(lián)消息控制協(xié)議,智能設(shè)備、APP端、Web管理后臺(tái)和即時(shí)通訊服務(wù)器均通過所述智能設(shè)備的物聯(lián)消息控制協(xié)議實(shí)現(xiàn)數(shù)據(jù)傳輸;
A2、Web管理后臺(tái)提供標(biāo)準(zhǔn)的XML文檔定義文件規(guī)范XML文檔的內(nèi)容格式、XML標(biāo)簽和屬性,在Web管理后臺(tái)中,采用XML文檔描述智能設(shè)備的HTML5頁面;
A3、根據(jù)所述XML文檔生成HTML5頁面,并將所述HTML5頁面上傳到HTML5服務(wù)器中。
[0007]所述的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法中,所述APP端設(shè)置有與即時(shí)通訊服務(wù)器相互交換通訊的JavaSript API;所述即時(shí)通訊服務(wù)器同樣設(shè)置有與APP端相互交換通訊的JavaSript AP10
[0008]所述的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法,所述步驟B具體包括:APP端內(nèi)置的瀏覽器調(diào)用JavaSript API與Web管理后臺(tái)連接,獲取HTML5服務(wù)器地址,加載HTML5服務(wù)器中的HTML5頁面,形成對(duì)應(yīng)的操作界面。
[0009]所述的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法中,所述步驟C具體包括:
Cl、所述智能設(shè)備與即時(shí)通訊服務(wù)器連接;
C2、APP端通過所述即時(shí)通訊服務(wù)器與所述智能設(shè)備進(jìn)行綁定; C3、APP端接收綁定指令后,通過所述即時(shí)通訊服務(wù)器控制綁定的智能設(shè)備;所述智能設(shè)備通過所述即時(shí)通訊服務(wù)器反饋?zhàn)陨淼臓顟B(tài)和消息。
[0010]一種動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制系統(tǒng),包括:
Web管理后臺(tái),用于根據(jù)智能設(shè)備的物聯(lián)消息控制協(xié)議,設(shè)置多種智能設(shè)備的HTML5頁面,并將所述HTML5頁面上傳到HTML5服務(wù)器中;
所述HTML5服務(wù)器,用于存儲(chǔ)Web管理后臺(tái)上傳的HTML5頁面;
APP端,用于通過調(diào)用內(nèi)置的瀏覽器訪問HTML5服務(wù)器,加載多種智能設(shè)備的HTML5頁面并生成操作界面,通過所述操作界面向即時(shí)通訊服務(wù)器發(fā)送控制指令;
所述即時(shí)通訊服務(wù)器,用于將所述控制指令轉(zhuǎn)發(fā)給對(duì)應(yīng)的智能設(shè)備。
[0011]所述的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制系統(tǒng)中,所述Web管理后臺(tái)包括:
預(yù)設(shè)模塊,用于設(shè)置智能設(shè)備的物聯(lián)消息控制協(xié)議,智能設(shè)備、APP端、Web管理后臺(tái)和即時(shí)通訊服務(wù)器均通過所述智能設(shè)備的物聯(lián)消息控制協(xié)議實(shí)現(xiàn)數(shù)據(jù)傳輸;提供標(biāo)準(zhǔn)的XML文檔定義文件規(guī)范XML文檔的內(nèi)容格式、XML標(biāo)簽和屬性;
在線編輯器,用于采用XML文檔描述設(shè)備的HTML5頁面;
界面生成模塊,用于根據(jù)XML文檔生成HTML5頁面,并將HTML5頁面上傳到HTML5服務(wù)器中。
[0012]所述的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制系統(tǒng)中,所述APP端設(shè)置有與即時(shí)通訊服務(wù)器相互交換通訊的JavaSript API;所述即時(shí)通訊服務(wù)器同樣設(shè)置有與APP端相互交換通訊的JavaSript AP10
[0013]所述的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制系統(tǒng)中,所述APP端包括:
綁定模塊,用于與即時(shí)通訊服務(wù)器連接,在接收綁定指令后,通過所述即時(shí)通訊服務(wù)器與所述智能設(shè)備進(jìn)行綁定;
界面加載模塊,用于通過內(nèi)置的瀏覽器調(diào)用JavaSript API與Web管理后臺(tái)連接,獲取HTML5服務(wù)器地址,加載HTML5服務(wù)器中的HTML5頁面,形成對(duì)應(yīng)的操作界面;
控制模塊,用于通過操作界面調(diào)用JavaSript API,通過JavaSript API與即時(shí)通訊服務(wù)器通訊;通過即時(shí)通訊服務(wù)器向綁定的智能設(shè)備發(fā)送控制指令。
[0014]所述的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制系統(tǒng)中,所述即時(shí)通訊服務(wù)器為XMPP即時(shí)通訊服務(wù)器。
[0015]相較于現(xiàn)有技術(shù),本發(fā)明提供的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法和系統(tǒng)中,所述遠(yuǎn)程控制方法包括:根據(jù)智能設(shè)備的物聯(lián)消息控制協(xié)議,在Web管理后臺(tái)中設(shè)置多種智能設(shè)備的HTML5頁面,并將所述HTML5頁面上傳到HTML5服務(wù)器中;APP端通過內(nèi)置的瀏覽器訪問HTML5服務(wù)器,加載多種智能設(shè)備的HTML5頁面并生成操作界面;所述APP端通過所述操作界面向即時(shí)通訊服務(wù)器發(fā)送控制指令;所述即時(shí)通訊服務(wù)器將所述控制指令轉(zhuǎn)發(fā)給對(duì)應(yīng)的智能設(shè)備。由此,通過一個(gè)APP端即可遠(yuǎn)程控制不同的智能設(shè)備,無需針對(duì)不同的設(shè)備開發(fā)不同的APP,節(jié)省了開發(fā)時(shí)間和成本,也省去了用戶下載各種APP的麻煩。
【附圖說明】
[0016]圖1為本發(fā)明提供的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法的方法流程圖。
[0017]圖2為本發(fā)明提供的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制系統(tǒng)的結(jié)構(gòu)框圖。
【具體實(shí)施方式】
[0018]本發(fā)明提供一種動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法和系統(tǒng)。為使本發(fā)明的目的、技術(shù)方案及效果更加清楚、明確,以下參照附圖并舉實(shí)施例對(duì)本發(fā)明進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解,此處所描述的具體實(shí)施例僅用以解釋本發(fā)明,并不用于限定本發(fā)明。
[0019]請(qǐng)參閱圖1,本發(fā)明提供的動(dòng)態(tài)生成智能設(shè)備操作界面的遠(yuǎn)程控制方法,包括步驟:
S10、根據(jù)智能設(shè)備的物聯(lián)消息控制協(xié)議,在Web管理后臺(tái)中設(shè)置多種智能設(shè)備的HTML5(超文本標(biāo)記語言)頁面,并將所述HTML5頁面上傳到HTML5服務(wù)器中,同時(shí),所述Web管理后臺(tái)記錄HTML5服務(wù)器的地址以及多種設(shè)備的HTML5頁面存儲(chǔ)在HTML5服務(wù)器中的地址。所述智能設(shè)備優(yōu)選包括家用的各種智能電器,如智能空調(diào)、智能冰箱、智能洗衣機(jī)、智能電視等智能家電產(chǎn)品,當(dāng)然,也可以是手機(jī)、電腦以及其他智能工業(yè)化設(shè)備等。將多種智能設(shè)備的HTML5頁面存儲(chǔ)在HTML5服務(wù)器中,由Web管理后臺(tái)提供HTML5頁面的加載地址,使得APP輕量化,極大的簡(jiǎn)化了 APP的開發(fā)難度、減少了開發(fā)周期、節(jié)省了大量的人力物力。
[0020]S20、APP端通過內(nèi)置的瀏覽器訪問HTML5服務(wù)器,加載多種智能設(shè)備的HTML5頁面并生成操作界面。所述APP端包括APP,該APP可安裝在各種智能終端內(nèi),通過APP端即可控制不同的智能設(shè)備。
[0021]S30、所述APP端通過所述操作界面向即時(shí)通訊