找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

搜索
查看: 1476|回復: 0
打印 上一主題 下一主題
收起左側(cè)

機智云賽博坦零代碼App開發(fā)(Wifi版)

[復制鏈接]
跳轉(zhuǎn)到指定樓層
樓主
ID:729078 發(fā)表于 2021-8-27 16:42 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
前言
利用機智云提供的賽博坦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è)備頁面:


分享到:  QQ好友和群QQ好友和群 QQ空間QQ空間 騰訊微博騰訊微博 騰訊朋友騰訊朋友
收藏收藏 分享淘帖 頂 踩
回復

使用道具 舉報

您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規(guī)則

手機版|小黑屋|51黑電子論壇 |51黑電子論壇6群 QQ 管理員QQ:125739409;技術(shù)交流QQ群281945664

Powered by 單片機教程網(wǎng)

快速回復 返回頂部 返回列表