【APPInventor\騰訊云】使用APPInventor開(kāi)發(fā)連接騰訊云的安卓物聯(lián)網(wǎng)遙控APP

• 背景
• 需求分析
• • 功能分析
  • 數(shù)據(jù)鏈路
  • 操作邏輯
• 實(shí)現(xiàn)方式\工具
• 具體實(shí)現(xiàn)
• 結(jié)語(yǔ)

背景

課程作業(yè)需要，教師需求如下

具有維護(hù)模式和操作模式，在維護(hù)模式下測(cè)試員能夠方便地通過(guò)軟件和目標(biāo)機(jī)器進(jìn)行通信，讀取一些必要的參數(shù)；

保證軟件界面的獨(dú)創(chuàng)性，不得使用受知識(shí)產(chǎn)權(quán)保護(hù)的他人商標(biāo)、產(chǎn)品圖案。

需求分析

功能分析

具有賬號(hào)登錄功能，能夠自動(dòng)檢測(cè)賬號(hào)密碼的對(duì)錯(cuò)以及是否為管理員賬號(hào)，登錄成功后自動(dòng)跳轉(zhuǎn)對(duì)應(yīng)操作界面（管理員->維護(hù)，用戶->用戶）；

具有賬號(hào)注冊(cè)功能，能夠?qū)γ艽a進(jìn)行二次驗(yàn)證，確認(rèn)成功后自動(dòng)上報(bào)賬號(hào)密碼至網(wǎng)絡(luò)用戶服務(wù)器；

在維護(hù)模式下，具有如下功能：

• 模仿串口軟件的顯示界面，能夠顯示服務(wù)器下發(fā)消息、維護(hù)參數(shù)；
• 顯示服務(wù)器連接狀態(tài)；
• 供自定義騰訊云服務(wù)器連接參數(shù)、自定義上行消息的對(duì)話框；
• 電源開(kāi)關(guān)、功能測(cè)試按鈕，其中電源開(kāi)關(guān)功能能夠?qū)υO(shè)備進(jìn)行遠(yuǎn)程啟動(dòng)；
• 數(shù)據(jù)庫(kù)瀏覽頁(yè)面；
• 一鍵收集網(wǎng)絡(luò)微服務(wù)器下發(fā)的騰訊云服務(wù)器連接參數(shù)，并自動(dòng)填入對(duì)應(yīng)對(duì)話框；
• 一鍵補(bǔ)齊剩余可自動(dòng)生成的參數(shù)。

在用戶模式下，具有如下功能：

• 一鍵連接服務(wù)器并顯示服務(wù)器連接狀態(tài)；
• 電源開(kāi)關(guān)、功能按鈕，其中電源開(kāi)關(guān)功能能夠?qū)υO(shè)備進(jìn)行遠(yuǎn)程啟動(dòng)。

數(shù)據(jù)鏈路

為了把老師發(fā)下來(lái)的材料全部（stm32F411、廣和通L610、smart4418開(kāi)發(fā)板等）都用上（為了用上廣和通只能上云了），我們采用如下數(shù)據(jù)鏈路：

#mermaid-svg-lVBd8EQyTRzIEVD8 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-lVBd8EQyTRzIEVD8 .error-icon{fill:#552222;}#mermaid-svg-lVBd8EQyTRzIEVD8 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-lVBd8EQyTRzIEVD8 .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-lVBd8EQyTRzIEVD8 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-lVBd8EQyTRzIEVD8 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-lVBd8EQyTRzIEVD8 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-lVBd8EQyTRzIEVD8 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-lVBd8EQyTRzIEVD8 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-lVBd8EQyTRzIEVD8 .marker.cross{stroke:#333333;}#mermaid-svg-lVBd8EQyTRzIEVD8 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-lVBd8EQyTRzIEVD8 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-lVBd8EQyTRzIEVD8 .cluster-label text{fill:#333;}#mermaid-svg-lVBd8EQyTRzIEVD8 .cluster-label span{color:#333;}#mermaid-svg-lVBd8EQyTRzIEVD8 .label text,#mermaid-svg-lVBd8EQyTRzIEVD8 span{fill:#333;color:#333;}#mermaid-svg-lVBd8EQyTRzIEVD8 .node rect,#mermaid-svg-lVBd8EQyTRzIEVD8 .node circle,#mermaid-svg-lVBd8EQyTRzIEVD8 .node ellipse,#mermaid-svg-lVBd8EQyTRzIEVD8 .node polygon,#mermaid-svg-lVBd8EQyTRzIEVD8 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-lVBd8EQyTRzIEVD8 .node .label{text-align:center;}#mermaid-svg-lVBd8EQyTRzIEVD8 .node.clickable{cursor:pointer;}#mermaid-svg-lVBd8EQyTRzIEVD8 .arrowheadPath{fill:#333333;}#mermaid-svg-lVBd8EQyTRzIEVD8 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-lVBd8EQyTRzIEVD8 .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-lVBd8EQyTRzIEVD8 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-lVBd8EQyTRzIEVD8 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-lVBd8EQyTRzIEVD8 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-lVBd8EQyTRzIEVD8 .cluster text{fill:#333;}#mermaid-svg-lVBd8EQyTRzIEVD8 .cluster span{color:#333;}#mermaid-svg-lVBd8EQyTRzIEVD8 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-lVBd8EQyTRzIEVD8 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 維護(hù)參數(shù)更新 參數(shù)轉(zhuǎn)發(fā) 參數(shù)更新 參數(shù)控制 L610 騰訊云 安卓APP 圖一 數(shù)據(jù)鏈路 注：實(shí)線箭頭代表APP上行控制，虛線箭頭代表L610下行更新維護(hù)參數(shù)。

操作邏輯

#mermaid-svg-E1eOm4rJCGp8kATW {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-E1eOm4rJCGp8kATW .error-icon{fill:#552222;}#mermaid-svg-E1eOm4rJCGp8kATW .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-E1eOm4rJCGp8kATW .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-E1eOm4rJCGp8kATW .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-E1eOm4rJCGp8kATW .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-E1eOm4rJCGp8kATW .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-E1eOm4rJCGp8kATW .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-E1eOm4rJCGp8kATW .marker{fill:#333333;stroke:#333333;}#mermaid-svg-E1eOm4rJCGp8kATW .marker.cross{stroke:#333333;}#mermaid-svg-E1eOm4rJCGp8kATW svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-E1eOm4rJCGp8kATW .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-E1eOm4rJCGp8kATW .cluster-label text{fill:#333;}#mermaid-svg-E1eOm4rJCGp8kATW .cluster-label span{color:#333;}#mermaid-svg-E1eOm4rJCGp8kATW .label text,#mermaid-svg-E1eOm4rJCGp8kATW span{fill:#333;color:#333;}#mermaid-svg-E1eOm4rJCGp8kATW .node rect,#mermaid-svg-E1eOm4rJCGp8kATW .node circle,#mermaid-svg-E1eOm4rJCGp8kATW .node ellipse,#mermaid-svg-E1eOm4rJCGp8kATW .node polygon,#mermaid-svg-E1eOm4rJCGp8kATW .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-E1eOm4rJCGp8kATW .node .label{text-align:center;}#mermaid-svg-E1eOm4rJCGp8kATW .node.clickable{cursor:pointer;}#mermaid-svg-E1eOm4rJCGp8kATW .arrowheadPath{fill:#333333;}#mermaid-svg-E1eOm4rJCGp8kATW .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-E1eOm4rJCGp8kATW .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-E1eOm4rJCGp8kATW .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-E1eOm4rJCGp8kATW .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-E1eOm4rJCGp8kATW .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-E1eOm4rJCGp8kATW .cluster text{fill:#333;}#mermaid-svg-E1eOm4rJCGp8kATW .cluster span{color:#333;}#mermaid-svg-E1eOm4rJCGp8kATW div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-E1eOm4rJCGp8kATW :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 用戶需要注冊(cè) 用戶注冊(cè)成功 用戶注冊(cè)失敗 密碼錯(cuò)誤 用戶登錄成功 管理員登錄成功 管理員查看數(shù)據(jù)庫(kù) 歡迎界面 登錄界面 注冊(cè)界面 用戶界面 維護(hù)界面 數(shù)據(jù)庫(kù)界面 圖二 操作邏輯

實(shí)現(xiàn)方式\工具

安卓APP構(gòu)建：APPInventor
使用APPInventor構(gòu)建安卓APP，通過(guò)MQTT組件連接騰訊云進(jìn)行上下行消息的收發(fā)。

• APPInventor介紹：百度百科：APPInventor
• MQTT協(xié)議介紹：百度百科：MQTT

騰訊云；

網(wǎng)絡(luò)微數(shù)據(jù)庫(kù)TinyWebDB：TinyWebDB服務(wù)器（在這里非常感謝這個(gè)網(wǎng)站，救本笨學(xué)生于水火之中）。

具體實(shí)現(xiàn)

由于時(shí)間安排原因，本人暫不能做到所有實(shí)現(xiàn)記錄一次昨晚（紅豆泥私密馬賽~），所以將持續(xù)更新，請(qǐng)放心，在4月結(jié)束以前我會(huì)努力做完的。

• 登錄和注冊(cè)功能的實(shí)現(xiàn)：【APPInventor\騰訊云】使用APPInventor開(kāi)發(fā)連接騰訊云的安卓物聯(lián)網(wǎng)遙控APP：（一）構(gòu)建登錄和注冊(cè)功能

結(jié)語(yǔ)

本文用于記錄此類APP的構(gòu)建方法以供本人總結(jié)學(xué)習(xí)，不奢求過(guò)高、過(guò)強(qiáng)、過(guò)牛*的技術(shù)，只希望在本人記錄學(xué)習(xí)的同時(shí)，如果有一位朋友遇到同樣的難題，能夠垂眼這篇文章并能有所啟發(fā)。
并且，受限于本人如同本人錢包那般干凈（錢包比我家地板還干凈）的學(xué)識(shí)庫(kù)，在文章中不免存在謬誤。在這里也希望瀏覽完本篇文章或者后續(xù)更新的記錄并發(fā)現(xiàn)本人存在的錯(cuò)誤的大佬能夠不吝賜教，留下您寶貴的評(píng)論或者一步到位直接私信，非常感謝。

總結(jié)

以上是生活随笔為你收集整理的【APPInventor\腾讯云】使用APPInventor开发连接腾讯云的安卓物联网遥控APP的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。