那曲檬骨新材料有限公司

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

開發(fā)指南|Websocket 網(wǎng)頁控制設(shè)備

9GxC_IoTMaker ? 來源:未知 ? 2022-11-21 19:55 ? 次閱讀


本文主要介紹如何調(diào)用機(jī)智云開放的Open API和WebSocket API來實(shí)現(xiàn)JavaScript網(wǎng)頁遠(yuǎn)程控制設(shè)備。

其中,Open API用到的接口有匿名登錄用戶、綁定設(shè)備和獲取綁定設(shè)備列表。而WebSocket API上的用戶登陸、設(shè)備上線下線通知、瀏覽器與云端的數(shù)據(jù)交互(數(shù)據(jù)透?jìng)鳎⑿奶头欠ㄏ⑼ㄖ?/span>

當(dāng)設(shè)備已經(jīng)是成功連接上云端,就可使用以下流程來控制設(shè)備了:


02

準(zhǔn)備工作
調(diào)用OPEN API匿名登錄用戶和綁定設(shè)備

1.獲取phone_id

phone_id 可以是手機(jī)的唯一識(shí)別碼。或者您已經(jīng)有了自己的用戶系統(tǒng),不希望用戶再次注冊(cè)一次機(jī)智云帳號(hào),您也可以使用該接口,為您的每一個(gè)用戶創(chuàng)建一個(gè)對(duì)應(yīng)的機(jī)智云匿名帳號(hào)。這時(shí),phone_id 可以是用戶在您的系統(tǒng)中的唯一識(shí)別碼。如在與微信應(yīng)用做對(duì)接時(shí),phone_id 可以設(shè)置成微信用戶的 openid。

2.創(chuàng)建用戶

http://swagger.gizwits.com/doc/index/openapi_apps

2.1.填寫appid


2.2.填寫body


2.3.登錄匿名用戶,獲取token


03

綁定設(shè)備
POST請(qǐng)求鏈接:
http://swagger.gizwits.com/doc/index/openapi_apps


3.1.填寫appid


3.2.填寫剛才匿名登錄回調(diào)的token


3.3.填寫Timestamp、Signature和body

備注:
時(shí)間戳計(jì)算鏈接,http://tool.chinaz.com/Tools/unixtime.aspx
MD5計(jì)算鏈接,http://tool.oschina.net/encrypt?type=2
如下圖:


04

Websocket網(wǎng)頁控制界面

4.1.websocket API封裝起來的sdk

鏈接如下:
https://github.com/gizwits/gizwits-wechat-js-sdk

4.2.運(yùn)行index.html


4.3.Websocket網(wǎng)頁控制界面

https://gizwits.github.io/gizwits-wechat-js-sdk/v0.2.0.html

如下:


05

控制設(shè)備分兩種方式

5.1.V4版本的標(biāo)準(zhǔn)數(shù)據(jù)點(diǎn)協(xié)議


5.1.1.初始化Gizwits WS對(duì)象

上面使用的參數(shù)有:

初始化,如下:


5.1.2.獲取綁定列表

如果該用戶要獲取綁定設(shè)備列表,先要確認(rèn)該用戶(就是該openid)是否有對(duì)要控制設(shè)備的已進(jìn)行綁定了。


5.1.3.創(chuàng)建Websocket連接

選擇一個(gè)要進(jìn)行控制的設(shè)備did,創(chuàng)建websocket連接


5.1.4.讀取設(shè)備當(dāng)前狀態(tài)

選擇已連接的設(shè)備,讀取設(shè)備的當(dāng)前狀態(tài)


5.1.5.控制設(shè)備

選擇已連接的設(shè)備,下發(fā)控制指令
如下發(fā)控制指令{“Swicth”:true},如下圖:

  • 如要設(shè)置擴(kuò)展類型的字段 binary 為16進(jìn)制 616263 ,補(bǔ)齊后每組byte換成一個(gè)十進(jìn)制數(shù)組的值
  • 設(shè)置布爾型需要是true和false:
    {
    "boolean":true,
    "binary": [97,98,99,0,0,0,0,0,0,0]
    }
控制模擬設(shè)備效果:


5.2.V4版本的自定義格式協(xié)議

V4版本的自定義格式協(xié)議(就是無法數(shù)據(jù)點(diǎn)透?jìng)鳎?/span>


5.2.1.初始化Gizwits WS對(duì)象

上面用的的參數(shù)有:


5.2.2.獲取綁定列表


5.2.3.創(chuàng)建websocket連接

選擇一個(gè)要進(jìn)行控制的設(shè)備did,創(chuàng)建websocket連接:


5.2.4.讀取設(shè)備的當(dāng)前狀態(tài)

選擇已連接的設(shè)備,讀取設(shè)備的當(dāng)前狀態(tài):


5.2.5.下發(fā)控制指令

選擇已連接的設(shè)備,下發(fā)的控制指令:[0,0,0,3,9,0,0,144,1,0,1,2,3,4] (注意:下發(fā)數(shù)據(jù)的格式為十進(jìn)制的,每個(gè)位端的表示為0,0,0,3為header、9為len、0為flag、0,144為cmd、1為action、0,1,2,3,4為業(yè)務(wù)指令),如下:

模擬mcu收到命令,如下:
FF FF 00 0B 03 1E 00 00 01 00 01 02 03 04 37


相關(guān)推薦

科普|為什么說中低速應(yīng)用場(chǎng)景要選Cat.1

開發(fā)者案例|GC211實(shí)現(xiàn)MCU開發(fā)和OTA升級(jí)

開發(fā)案例|家用熱水器智能化改造記

◆開發(fā)者案例|老年人飲水狀況監(jiān)測(cè)系統(tǒng)

◆如何在線創(chuàng)建一個(gè)智慧網(wǎng)關(guān),實(shí)現(xiàn)多品牌不同協(xié)議的互聯(lián)互通

技術(shù)交流

◆ 機(jī)智云開發(fā)者:www.gizwits.com
◆ 機(jī)智云開發(fā)者社區(qū):club.gizwits.com
◆官方淘寶店:

http://shop159680395.taobao.com/index.htm



原文標(biāo)題:開發(fā)指南|Websocket 網(wǎng)頁控制設(shè)備

文章出處:【微信公眾號(hào):機(jī)智云開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 機(jī)智云
    +關(guān)注

    關(guān)注

    2

    文章

    591

    瀏覽量

    26460

原文標(biāo)題:開發(fā)指南|Websocket 網(wǎng)頁控制設(shè)備

文章出處:【微信號(hào):IoTMaker,微信公眾號(hào):機(jī)智云開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

收藏 人收藏

    評(píng)論

    相關(guān)推薦

    VCA5807開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《VCA5807開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 01-03 16:56 ?0次下載
    VCA5807<b class='flag-5'>開發(fā)指南</b>

    超值音棒參考設(shè)計(jì)套件開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《超值音棒參考設(shè)計(jì)套件開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 12-21 09:16 ?0次下載
    超值音棒參考設(shè)計(jì)套件<b class='flag-5'>開發(fā)指南</b>

    MSP430? MCU開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《MSP430? MCU開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 11-06 09:57 ?0次下載
    MSP430? MCU<b class='flag-5'>開發(fā)指南</b>

    MSP430L092開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《MSP430L092開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 10-18 10:06 ?0次下載
    MSP430L092<b class='flag-5'>開發(fā)指南</b>

    MSP430 MCU開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《MSP430 MCU開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 10-10 17:19 ?1次下載

    通過機(jī)智云平臺(tái)電腦網(wǎng)頁控制設(shè)備指南

    在現(xiàn)代智能家居管理中,機(jī)智云平臺(tái)為用戶提供了便捷的設(shè)備控制方式。通過電腦網(wǎng)頁,用戶可以利用WebSocketAPI實(shí)現(xiàn)對(duì)設(shè)備的實(shí)時(shí)控制。本文
    的頭像 發(fā)表于 09-22 08:02 ?270次閱讀
    通過機(jī)智云平臺(tái)電腦<b class='flag-5'>網(wǎng)頁</b><b class='flag-5'>控制</b><b class='flag-5'>設(shè)備</b>的<b class='flag-5'>指南</b>

    TUSS44x0軟件開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《TUSS44x0軟件開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 09-14 10:59 ?0次下載
    TUSS44x0軟件<b class='flag-5'>開發(fā)指南</b>

    MSPM0 L 系列 MCU硬件開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《MSPM0 L 系列 MCU硬件開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 09-09 10:36 ?0次下載
    MSPM0 L 系列 MCU硬件<b class='flag-5'>開發(fā)指南</b>

    LVGL開發(fā)指南介紹

    電子發(fā)燒友網(wǎng)站提供《LVGL開發(fā)指南介紹.pdf》資料免費(fèi)下載
    發(fā)表于 09-09 10:24 ?17次下載

    MSPM0 G系列MCU硬件開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《MSPM0 G系列MCU硬件開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 09-05 10:58 ?0次下載
    MSPM0 G系列MCU硬件<b class='flag-5'>開發(fā)指南</b>

    使用C2000?實(shí)時(shí)微控制器的基本開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《使用C2000?實(shí)時(shí)微控制器的基本開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 08-27 10:08 ?0次下載
    使用C2000?實(shí)時(shí)微<b class='flag-5'>控制</b>器的基本<b class='flag-5'>開發(fā)指南</b>

    RA/RX電機(jī)應(yīng)用開發(fā)指南

    電子發(fā)燒友網(wǎng)站提供《RA/RX電機(jī)應(yīng)用開發(fā)指南.pdf》資料免費(fèi)下載
    發(fā)表于 08-15 09:44 ?0次下載
    RA/RX電機(jī)應(yīng)用<b class='flag-5'>開發(fā)指南</b>

    【好書推薦】RT-Thread設(shè)備驅(qū)動(dòng)開發(fā)指南

    強(qiáng)烈,他們迫切地希望有一本可以指導(dǎo)他們?cè)赗T-Thread上開發(fā)驅(qū)動(dòng)的指南。為了解決開發(fā)者的燃眉之急,《RT-Thread設(shè)備驅(qū)動(dòng)開發(fā)指南
    的頭像 發(fā)表于 08-01 08:35 ?727次閱讀
    【好書推薦】RT-Thread<b class='flag-5'>設(shè)備</b>驅(qū)動(dòng)<b class='flag-5'>開發(fā)指南</b>

    迅為RK3568開發(fā)板驅(qū)動(dòng)開發(fā)指南-輸入子系統(tǒng)

    迅為RK3568開發(fā)板驅(qū)動(dòng)開發(fā)指南-輸入子系統(tǒng)
    的頭像 發(fā)表于 02-23 15:11 ?996次閱讀
    迅為RK3568<b class='flag-5'>開發(fā)</b>板驅(qū)動(dòng)<b class='flag-5'>開發(fā)指南</b>-輸入子系統(tǒng)

    RT-Thread設(shè)備驅(qū)動(dòng)開發(fā)指南基礎(chǔ)篇—以先楫bsp的hwtimer設(shè)備為例

    RT-Thread設(shè)備驅(qū)動(dòng)開發(fā)指南》書籍是RT-thread官方出品撰寫,系統(tǒng)講解RT-thread IO設(shè)備驅(qū)動(dòng)開發(fā)方法,從三方面進(jìn)行講解。
    的頭像 發(fā)表于 02-20 16:01 ?1813次閱讀
    RT-Thread<b class='flag-5'>設(shè)備</b>驅(qū)動(dòng)<b class='flag-5'>開發(fā)指南</b>基礎(chǔ)篇—以先楫bsp的hwtimer<b class='flag-5'>設(shè)備</b>為例
    百家乐网上真钱娱乐| OG百家乐官网大转轮| 手机百家乐游戏| 百家乐官网高科技| 全讯网hg9388.com| 闲和庄百家乐官网的玩法技巧和规则 | 大发888娱乐城 34| 百家乐官网网| 百家乐官网破解打法| 中原百家乐的玩法技巧和规则| 百家乐园qq群| 闲和庄百家乐官网娱乐平台| bet365指数| 百家乐自动下注| 百家乐官网赌博经历| bet365注册哪家好 | 如何玩百家乐赢钱技巧| 百家乐官网凯时娱乐平台| 威尼斯人娱乐官方网| 24山方位吉凶| 百家乐官网怎么刷反水| 大发888娱乐城论坛| 百家乐赌博出千| 百家乐官网博彩策略| 棋牌游戏易发| 百家乐庄家怎样赚钱| 模拟百家乐官网下载| 班戈县| 大发888真人斗地主| 金百家乐博彩公司| 百家乐官网赌博经历| 丰都县| 大发888爱好| 百家乐桌子北京| 百家乐官网怎么才能| 香港| 大发888娱乐城官方lm0| 游戏厅百家乐技巧| 肯博百家乐官网游戏| 大发888娱乐场888| 百家乐双峰县|