機智云小程序啟蒙：WebSocket網頁控制?

機智云Web版的JS遠程控制設備，是調用了機智云開放的Open API和WebSocket API來實現的。這個是設計小程序最好的基礎，也可以使無安卓設備的用戶用網頁遠程控制設備。

其中，Open API用到的接口有匿名登錄用戶、綁定設備和獲取綁定設備列表。而WebSocket API上的用戶登陸、設備上線下線通知、瀏覽器與云端的數據交互（數據透傳）、心跳和非法消息通知。

具體的流程圖如下：

[?一、準備工作]

獲取需要調用OPEN API匿名登錄用戶和綁定設備

1.獲取phone_id

phone_id 可以是手機的唯一識別碼，簡單來說就是自己的注冊名，自己隨意取，支持英文大小寫、數字、特殊符號，中文格式我沒測試過。

2.創建用戶

http://swagger.gizwits.com/doc/index/openapi_apps#/用戶管理/post_app_users

2.1.填寫appid

2.2.填寫body

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

3.綁定設備

POST請求鏈接：

http://swagger.gizwits.com/doc/index/openapi_apps#/綁定管理/post_app_bind_mac

3.1.填寫appid

3.2.填寫剛才自己命名的iphone_id登錄回調的token

3.3.填寫Timestamp、Signature和body

時間戳計算鏈接 tool.chinaz.com/Tools/unixtime.aspx

MD5計算鏈接 tool.oschina.net/encrypt?type=2

如下圖:

[?二、網頁控制界面]

1.websocket API封裝起來的sdk

鏈接如下：

github.com/gizwits/gizwits-wechat-js-sdk

2.運行index.html

3.Websocket網頁控制界面

下面使用的參數有：

• 參數
• 說明
• 數值

apiHost機智云OpenApi域名api.gizwits.com

commType標準數據點協議格式attrs_v4

wechatOpenId微信用戶OpenID（就是手機的iPhone_id）String

gizwitsAppId機智云平臺應用標識String

核心代碼：

[?三、補充]返回搜狐，查看更多

下載的文件包是我精心改良的網頁版，機智云官網有原版：https://github.com/gizwits/gizwits-wechat-js-sdk

本次測試是用了虛擬設備，mac為“virtual：site”

重點：經過本人測試，網頁版綁定實際設備，除了第一部安卓手機app綁定設備，獲得主權限，不能立馬分享給其他用戶，需要先網頁版自動綁定，然后才可以分享給其他有安卓手機app的用戶，這就是app與網頁版的用戶綁定的順序 不一樣

源碼：http://www.demodashi.com/demo/15679.html

轉載于:https://www.cnblogs.com/dapangsen/p/11224159.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的机智云小程序启蒙：WebSocket网页控制的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。