前言 利用機智云提供的賽博坦App開發(fā)平臺,即使不懂云和App開發(fā),也可以在不用寫任何代碼的情況下,輕松制作一款擁有專屬UI頁面的App遠程對硬件的訪問。 這里我們以一個簡單案例《手機App遠程控制Led燈(Wifi版)》來講解,整個流程很簡單,上手后再開發(fā)其他應用場景的App也大同小異。實現(xiàn)出來的效果如下圖。
注意:在此之前您需要在開發(fā)者中心已經(jīng)建立好產(chǎn)品,并為該產(chǎn)品導入ShineBlink數(shù)據(jù)模板了,如果還沒完成這些工作,請回看此處。
Tips1:在開始下面的工作之前先普及一個概念,一個APP應用里可以有多個產(chǎn)品,所以我們創(chuàng)建好了一個App應用,未來就可以往這個應用中添加多個產(chǎn)品。本教程里只為App應用添加了一個產(chǎn)品,即《手機App遠程控制Led燈(Wifi版)》。Tips2: 下面的教程里的圖片如果看不清,請按住Ctrl鍵+鼠標滾輪放大看。
第1步 創(chuàng)建App應用
第2步 為App定制Icon、啟動畫面、以及其他定制化信息
第3步 關(guān)聯(lián)我們之前已創(chuàng)建好的產(chǎn)品
第4步 保存
第5步 再回到之前已建好的產(chǎn)品中,設(shè)置產(chǎn)品相關(guān)的UI頁面注意:這里說的之前建好的產(chǎn)品就是我們之前已經(jīng)建好的 遠程控制Led燈(Wifi版) 產(chǎn)品。
5.1 設(shè)計產(chǎn)品功能頁面
5.2 設(shè)計產(chǎn)品WIFI配網(wǎng)相關(guān)頁面,這里我們首選用AirLink配網(wǎng)
5.3 設(shè)置產(chǎn)品實際用的模組,這里我們用的樂鑫esp8266模組,所以請選擇樂鑫模組
第6步 再回到應用中,編譯構(gòu)建并生成App
第7步 掃碼下載App后,在App里找到《手機App遠程控制Led燈(Wifi版)》設(shè)備,并添加我們的開發(fā)板設(shè)備,添加以后就可以看到如下設(shè)備頁面:
|