【APPInventor\騰訊云】使用APPInventor開發連接騰訊云的安卓物聯網遙控APP

• 背景
• 需求分析
• • 功能分析
  • 數據鏈路
  • 操作邏輯
• 實現方式\工具
• 具體實現
• 結語

背景

課程作業需要，教師需求如下

具有維護模式和操作模式，在維護模式下測試員能夠方便地通過軟件和目標機器進行通信，讀取一些必要的參數；

保證軟件界面的獨創性，不得使用受知識產權保護的他人商標、產品圖案。

需求分析

功能分析

具有賬號登錄功能，能夠自動檢測賬號密碼的對錯以及是否為管理員賬號，登錄成功后自動跳轉對應操作界面（管理員->維護，用戶->用戶）；

具有賬號注冊功能，能夠對密碼進行二次驗證，確認成功后自動上報賬號密碼至網絡用戶服務器；

在維護模式下，具有如下功能：

• 模仿串口軟件的顯示界面，能夠顯示服務器下發消息、維護參數；
• 顯示服務器連接狀態；
• 供自定義騰訊云服務器連接參數、自定義上行消息的對話框；
• 電源開關、功能測試按鈕，其中電源開關功能能夠對設備進行遠程啟動；
• 數據庫瀏覽頁面；
• 一鍵收集網絡微服務器下發的騰訊云服務器連接參數，并自動填入對應對話框；
• 一鍵補齊剩余可自動生成的參數。

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

• 一鍵連接服務器并顯示服務器連接狀態；
• 電源開關、功能按鈕，其中電源開關功能能夠對設備進行遠程啟動。

數據鏈路

為了把老師發下來的材料全部（stm32F411、廣和通L610、smart4418開發板等）都用上（為了用上廣和通只能上云了），我們采用如下數據鏈路：

#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;} 維護參數更新 參數轉發 參數更新 參數控制 L610 騰訊云 安卓APP 圖一 數據鏈路 注：實線箭頭代表APP上行控制，虛線箭頭代表L610下行更新維護參數。

操作邏輯

#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;} 用戶需要注冊 用戶注冊成功 用戶注冊失敗 密碼錯誤 用戶登錄成功 管理員登錄成功 管理員查看數據庫 歡迎界面 登錄界面 注冊界面 用戶界面 維護界面 數據庫界面 圖二 操作邏輯

實現方式\工具

安卓APP構建：APPInventor
使用APPInventor構建安卓APP，通過MQTT組件連接騰訊云進行上下行消息的收發。

• APPInventor介紹：百度百科：APPInventor
• MQTT協議介紹：百度百科：MQTT

騰訊云；

網絡微數據庫TinyWebDB：TinyWebDB服務器（在這里非常感謝這個網站，救本笨學生于水火之中）。

具體實現

由于時間安排原因，本人暫不能做到所有實現記錄一次昨晚（紅豆泥私密馬賽~），所以將持續更新，請放心，在4月結束以前我會努力做完的。

• 登錄和注冊功能的實現：【APPInventor\騰訊云】使用APPInventor開發連接騰訊云的安卓物聯網遙控APP：（一）構建登錄和注冊功能

結語

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。