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