1 阿里雲IOT學習,裝置接入 web應用

2022-09-01 13:18:12 字數 2836 閱讀 2541

需要用到的工具:

1.阿里雲iot平台

2.nodejs

3.visual studio code

阿里雲iot平台為廣大物聯網開發者提供了豐富的服務和應用介面,作為學習,我們實現乙個名為hello燈的專案

hello燈:1.開關控制 2.顯示文字控制

首先,我們要確保已經開通了阿里雲物聯網平台

進入之後,我們點選裝置管理-》產品-》建立產品 做如下配置

建立好之後我們開啟產品的詳情介面,點選功能定義-》編輯草稿-》新增自定義功能,然後新增如下兩個功能

注意這裡的識別符號要仔細填寫,之後會用到

之後,我們新增裝置。點選裝置,新增裝置

之後,我們開始裝置端**的編寫,我們用windows10電腦來執行指令碼

建立乙個資料夾,用visual studio code 開啟。開啟terminal(ctrl+ `)輸入npm init -y 來做初始化

(一下具體參考官網文件

然後我們建立乙個新的檔案  index.js 並在其中編寫**

使用  constiot =require('alibabacloud-iot-device-sdk'); 引用

之後,我們用如下**實現電腦和阿里雲iot的連線

//

node引入包名

const iot = require('alibabacloud-iot-device-sdk');

//建立iot.device物件將會發起到阿里雲iot的連線

const device =iot.device();

//監聽connect事件

device.on('connect', () =>);

//

來自阿里雲官方文件

注意其中的

const device = iot.device();

將裡面的 productkey devicename devicesecret 分別填為自己裝置相對應的 這一步可以在裝置詳情頁中複製

點選devicesecret旁邊的檢視

點選一鍵複製

然後貼上在相應**處

使用  node index  執行上述的**可以在terminal看到以下資訊

隨後,我們嘗試使用 postprops 來設定裝置的屬性

我們用如下**設定開關為開,文字為hello world 

device.postprops(,(res)=>)
把**放在末尾,在這裡 switch 和 text 對應在產品設定的相應屬性的識別符號,注意bool型用 1 和 0

執行**

terminal 顯示如下結果

之後我們點選裝置-》檢視-》執行狀態 可以看到以下結果

成功設定了屬性

最後,我們開發乙個web頁面實時顯示我們裝置的屬性

選擇iot studio-》專案管理-》新建乙個專案

進入到專案管理頁面之後關聯我們剛才的裝置和產品

在下邊我們新建乙個web應用

進入到web編輯介面

選擇左側的元件

我們拖拽出乙個指示燈和乙個文字框(注意,最好使用chrome瀏覽器,不然會拖不出來)

點選文字框 找到文字內容,選右側的配置資料來源

選擇產品,裝置,屬性

點選確定

指示燈選展示資料並做相同操作

配置好後如下

我們嘗試修改燈為開,顯示文字為open!

完整**如下

const iot = require('alibabacloud-iot-device-sdk');

const device =iot.device()

device.on("connect",()=>)

device.postprops(,(res)=>)

結果如下

我們的專案成功實現

基於開源MQTT自主接入阿里雲IoT平台(C )

本文由 gxic 作者 wongxmig 完成,歡迎關注 iot 開發者社群。1.1 註冊阿里雲賬號 使用 賬號或手機號,開通阿里雲賬號,並通過實名認證 可以用支付寶認證 1.2 免費開通iot物聯網套件 產品官網 1.3 軟體開發環境2.1 建立基礎版產品 產品資訊 訊息通訊topic 2.2 註...

Qt基於開源MQTT自主接入阿里雲IoT平台

三 示例 1 根據三元組資訊計算登入阿里雲iot平台的必要引數 片.三元組資訊設定 productkey xx 需要跟阿里雲iot平台一致 devicename xx 需要跟阿里雲iot平台一致 devicesecret xx 需要跟阿里雲iot平台一致 regionid cn shanghai p...

C 基於開源MQTT自主接入阿里雲IoT平台

1.1 註冊阿里雲賬號 使用 賬號或手機號,開通阿里雲賬號,並通過實名認證 可以用支付寶認證 1.2 免費開通iot物聯網套件 產品官網 1.3 軟體開發環境 2.1 建立基礎版產品 產品資訊 訊息通訊topic 2.2 註冊裝置 獲取裝置身份三元組,productkey,devicename,de...