工業(yè)互聯(lián)網(wǎng)技術基礎 課件 第5章 應用層與工業(yè)APP開發(fā)

工業(yè)互聯(lián)網(wǎng)技術基礎1一、工業(yè)互聯(lián)網(wǎng)概述二、工業(yè)互聯(lián)網(wǎng)平臺三、邊緣層與工業(yè)大數(shù)據(jù)采集四、PaaS層與工業(yè)大數(shù)據(jù)治理五、應用層與工業(yè)APP開發(fā)六、工業(yè)互聯(lián)網(wǎng)安全七、工業(yè)互聯(lián)網(wǎng)應用2涵蓋功能應用層概述應用層側(cè)重于將采集分析后的數(shù)據(jù)結(jié)合應用進行耦合重組實現(xiàn)服務，提供工業(yè)創(chuàng)新應用、開發(fā)者社區(qū)、應用商店、應用二次開發(fā)集成等功能。工業(yè)創(chuàng)新應用：針對研發(fā)設計、工藝優(yōu)化、能耗優(yōu)化、運營管理等智能化需求，構(gòu)建各類工業(yè)APP應用解決方案，幫助企業(yè)提質(zhì)降本增效。開發(fā)者社區(qū)：打造開放的線上社區(qū)，提供各類資源工具、技術文檔、學習交流等服務，吸引海量第三方開發(fā)者入駐平臺開展應用創(chuàng)新。應用商店：提供成熟工業(yè)APP的上架認證、展示分發(fā)、交易計費等服務，支撐實現(xiàn)工業(yè)應用價值變現(xiàn)。應用二次開發(fā)集成：對已有工業(yè)APP進行定制化改造，以適配特定工業(yè)應用場景或是滿足用戶個性化需求。3工業(yè)技術知識的載體工業(yè)APP產(chǎn)生背景2013年，美國GE公司已將APP概念引入到工業(yè)領域，其圍繞構(gòu)建航空發(fā)動機、大型醫(yī)療設備等高端裝備產(chǎn)品的全生命周期管理服務體系，面向全球用戶提供應用開發(fā)環(huán)境以及各類應用和服務，構(gòu)建以開發(fā)者平臺和APP為核心的產(chǎn)業(yè)生態(tài)體系。隨著我國兩化融合的深入和工業(yè)互聯(lián)網(wǎng)的高速發(fā)展，企業(yè)需要通過持續(xù)積累沉淀工業(yè)技術知識以獲得創(chuàng)新能力，共享共用需求持續(xù)凸顯，在工業(yè)技術知識與信息技術（尤其是軟件技術）之間，需要有一個兩方融合的載體，于是“工業(yè)技術軟件化”理念被提出，在此理念的推動下，借鑒消費領域以及國外工業(yè)領域的實踐，工業(yè)APP概念被正式提出。4工業(yè)軟件發(fā)展的新形態(tài)工業(yè)APP的定義

工業(yè)APP是基于松耦合、組件化、可重構(gòu)、可重用思想，面向特定工業(yè)場景，解決具體的工業(yè)問題，基于平臺的技術引擎、資源、模型和業(yè)務組件，將工業(yè)機理、技術、知識、算法與最佳工程實踐按照系統(tǒng)化組織、模型化表達、可視化交互、場景化應用、生態(tài)化演進原則而形成的應用程序，是工業(yè)軟件發(fā)展的一種新形態(tài)?！豆I(yè)APP白皮書》（2020）

5六大特征工業(yè)APP的典型特征

工業(yè)APP借鑒了消費APP方便靈活的特性，又承載了工業(yè)技術軟件化的理念，作為工業(yè)軟件的新形態(tài)又具有軟件的特性，同時依托平臺具有生態(tài)化的特征。因此工業(yè)APP具有六個方面的典型特征：6工業(yè)APP的典型特征特定工業(yè)技術知識載體：工業(yè)APP是某一項或某些具體的工業(yè)技術知識的軟件形態(tài)的載體，這是工業(yè)APP的本質(zhì)特征。工業(yè)APP所承載的工業(yè)技術知識只解決具體的問題，而不是抽象后的問題。特定適應性：每一個工業(yè)APP承載解決某項具體問題的工業(yè)技術知識，表達一個或多個特定的功能，解決特定的具體問題，具有典型的特定適應性。小輕靈，易操作：每一個工業(yè)APP只解決某一些或幾項具體的問題，功能單一，并且工業(yè)APP的開發(fā)運行都依托平臺的資源，每一個工業(yè)APP不需要考慮完整的技術引擎、算法等基礎技術要素，因此工業(yè)APP的體量相對較小。六大特征7工業(yè)APP的典型特征可解耦/可重構(gòu)：每一個組件化的工業(yè)APP，邊界明確，接口明確。使得工業(yè)APP可以不被緊耦合約束到某一個具體的應用軟件中，與其他的應用程序或APP通過接口交互實現(xiàn)松耦合應用。依托平臺：工業(yè)APP從概念提出到開發(fā)、應用，以及生態(tài)的構(gòu)建與形成，都是基于平臺開展的。每一個工業(yè)APP只解決特定的具體問題，這就要求工業(yè)APP必須具備一個龐大的生態(tài)來支撐。集群化應用：每個工業(yè)APP只解決特定問題，對于一些復雜的工業(yè)問題，可以通過問題分解將復雜問題變成一系列單一問題，每一個單一問題由對應的工業(yè)APP來解決，通過多個邊界和接口明確的工業(yè)APP按照一定的邏輯與交互接口進行系統(tǒng)性組合，利用工業(yè)APP集群可以解決更為復雜的系統(tǒng)性問題。六大特征8聯(lián)系與區(qū)別工業(yè)APP與消費APP消費APP工業(yè)APP小輕靈，易操作繼承小輕靈，易操作特征基于信息交換基于工業(yè)機理toCtoB用戶是消費者（非專業(yè)用戶）用戶是產(chǎn)品設計、生產(chǎn)、經(jīng)營者（專業(yè)用戶）服裝、食品等消費品工業(yè)，工業(yè)APP與消費APP分別支撐產(chǎn)業(yè)鏈前后端，二者需要整合9平臺+APP工業(yè)APP的發(fā)展趨勢

從技術角度看，工業(yè)APP發(fā)展將呈現(xiàn)五方面的趨勢：從線下到線上的工業(yè)APP開發(fā)模式變化、開發(fā)者社區(qū)助推工業(yè)APP開發(fā)、開發(fā)主體逐漸轉(zhuǎn)變、工業(yè)APP與大數(shù)據(jù)結(jié)合、傳統(tǒng)工業(yè)軟件微服務化重構(gòu)。隨著工業(yè)互聯(lián)網(wǎng)平臺、軟件開發(fā)平臺以及智能制造云服務平臺的不斷推廣，工業(yè)APP的開發(fā)模式也將由傳統(tǒng)的線下定制向“平臺+APP”的線上開發(fā)模式轉(zhuǎn)變。

從發(fā)展背景角度看，工業(yè)APP作為工業(yè)Know—how沉淀的重要載體，是工業(yè)互聯(lián)網(wǎng)價值實現(xiàn)的最終出口，對于提高我國制造業(yè)發(fā)展起點及國際競爭力，帶動傳統(tǒng)產(chǎn)業(yè)和地區(qū)經(jīng)濟數(shù)字化智能化轉(zhuǎn)型，實現(xiàn)工業(yè)技術知識的更好積累、傳遞、共享等方面具有重要作用。10簡潔高效低代碼開發(fā)技術11宜科AppDesigner工業(yè)APP開發(fā)工具

宜科AppDesigner是一個單頁面應用程序，是宜科工業(yè)互聯(lián)網(wǎng)平臺IoTHub的選配組件，它允許用戶以拖放式交互等無代碼或低代碼開發(fā)的方法，在Web前端輕松創(chuàng)建工業(yè)APP。因此，用戶無需編寫源代碼即可定義工業(yè)應用的UI和應用邏輯。當用戶在AppDesigner中完成工業(yè)應用建模后，即可在云端完成工業(yè)APP的編譯打包，并通過二維碼的方式將創(chuàng)建好的工業(yè)應用導出。12宜科AppDesigner工業(yè)APP開發(fā)工具

工業(yè)APP承載的數(shù)據(jù)均來自于其依托的工業(yè)互聯(lián)網(wǎng)平臺，兩者的關系如右圖所示。工業(yè)互聯(lián)網(wǎng)平臺從多個源（Things）收集數(shù)據(jù)，并以不同格式（協(xié)議A、B、C）發(fā)送數(shù)據(jù)。然后，平臺進一步處理這些數(shù)據(jù)，并使用標準化的Web對象模型提供這些數(shù)據(jù)。這些標準化的數(shù)據(jù)就是工業(yè)APP訪問和進一步操作的對象，用戶可以通過工業(yè)APP從工業(yè)互聯(lián)網(wǎng)平臺獲取這些數(shù)據(jù)的分析結(jié)果，并在智能手機、網(wǎng)絡用戶界面、生產(chǎn)大廳的屏幕或類似設備上輕松訪問和可視化這些數(shù)據(jù)。13界面布局AppDesigner操作界面組件樹

組件編輯器

應用程序預覽14AppDesigner操作界面

組件是使用AppDesigner創(chuàng)建的任何應用程序的核心構(gòu)建塊。我們區(qū)分四種不同的組件類別。布局組件主要用作其他組件的容器。靜態(tài)組件表示靜態(tài)內(nèi)容，輸出組件表示動態(tài)內(nèi)容，具體內(nèi)容取決于來自IoTHub的數(shù)據(jù)。相反，輸入組件可用于操作IoTHub上的數(shù)據(jù)。所有組件共享一組公共屬性，可以使用組件編輯器進行編輯。Title：Title屬性在應用程序中不可見，僅用于標識組件樹中的組件。

Margin：Margin值用于在組件周圍預留空間。四個方向（頂部、右側(cè)、底部、左側(cè)）可以獨立取值，也可以設置為同一個值。組件15組件AppDesigner操作界面布局組件與其他組件類別不同，布局組件不是直接可見的，只是作為容器來對其子組件進行分組。目前，AppDesigner中有三種類型的布局組件：根、行和列。布局組件對齊方式16組件AppDesigner操作界面

靜態(tài)組件

靜態(tài)組件不鏈接到來自IoTHub的數(shù)據(jù)。它們用于顯示在創(chuàng)建應用程序時指定的內(nèi)容，并且在應用程序運行過程中不會更改。目前，這些靜態(tài)組件包括文本、方框和圖像組件。文本組件方框組件17組件AppDesigner操作界面

輸出組件

與靜態(tài)組件不同，輸出組件可以根據(jù)IoTHub上屬性的當前值在應用程序運行時更改其內(nèi)容或外觀。目前有三個輸出組件：屬性值文本、進度條和動態(tài)圖像。進度條組件18組件AppDesigner操作界面

輸入組件

雖然上述輸出組件主要用于從IoTHub讀取（和顯示）數(shù)據(jù)，但輸入組件可用于寫入數(shù)據(jù)。要寫入的值可以在AppDesigner中預定義（按鈕、屬性值下拉列表），也可以由應用程序用戶直接指定（屬性值輸入）。為了向用戶提供反饋，可以選擇為每個輸入組件定義單個信息消息。它在組件的發(fā)送按鈕被單擊后顯示。按鈕組件屬性值下拉選擇組件屬性值輸入組件19組件樹AppDesigner操作界面

組件樹

組件樹是應用程序編輯器的三個主要模塊之一。它將應用程序UI的結(jié)構(gòu)設計可視化為層次樹結(jié)構(gòu)。組件樹中的布局組件條目（根、行、列）可以通過單擊標題旁邊的小箭頭展開和折疊。這使得所包含的組件可以選擇性地隱藏在組件樹中，從而提供更好的概覽。組件之間的父子關系也可以在縮進中看到。子組件總是相對于它們的父組件進一步縮進。除了可視化結(jié)構(gòu)之外，組件樹還是重新排序或刪除現(xiàn)有組件以及創(chuàng)建組件新的中心位置。20組件樹AppDesigner操作界面

添加組件

要添加新的組件，必須首先在組件樹中選擇布局組件。如前所述，可以通過標題旁邊的展開/折疊箭頭快速識別它們。然后，用戶將看到用于刪除組件（垃圾箱圖標）和將其添加到所選組件旁邊的圖標（“+”圖標）。點擊加號圖標后將在組件樹的底部顯示添加組件面板。21組件編輯器AppDesigner操作界面

除了組件樹之外，組件編輯器是應用程序編輯器的三個主要模塊之一。除了它們在組件樹中的確切位置外，各個組件的所有調(diào)整都在組件編輯器中進行。要編輯組件，首先必須在組件樹中選擇它。組件編輯器的內(nèi)容始終取決于組件樹中當前選定的組件。有關不同組件類型屬性的更多詳細信息，請參閱組件相關內(nèi)容。大多數(shù)屬性都可以通過簡單的輸入或選擇界面元素進行編輯。22組件編輯器AppDesigner操作界面顏色設置

為了調(diào)整顏色，例如文本組件的字體顏色或按鈕的背景色，組件編輯器提供了一個顏色選擇器組件，只需點擊某個地方的顏色輸入。使用顏色選擇器，可以通過第一個滑塊調(diào)整顏色區(qū)域，并通過第二個滑塊調(diào)整顏色的透明度。要拾取最終顏色，請單擊“顏色選擇器”對話框頂部顏色圖像上的位置。23組件編輯器AppDesigner操作界面提示工具注意組件編輯器中的小信息圖標。這些圖標通常隱藏顯示有關相應屬性或控件的附加信息的工具提示。將鼠標光標懸停在圖標上以顯示信息。禁用界面元素時，也可以使用此類工具提示。因此，如果用戶想知道為什么某個選項對組件不可用，請將鼠標指針移到它上面。校驗組件編輯器中的大多數(shù)輸入字段都會在您鍵入時自動校驗。如果輸入的值無效，則在輸入字段下方會出現(xiàn)相應的警告。請注意，一旦切換到另一個組件，無效值就會被丟棄。此外，當用戶保存工業(yè)APP時，它們不會被保存。24組件編輯器AppDesigner操作界面拖放按鈕效果和下拉組件的選項可實時可視化。它們可以通過拖放進行排序。為此，必須按住鼠標按鈕將相應的選項或效果拖動到適當?shù)奈恢?。通過X圖標可以觸發(fā)刪除選項或效果。要編輯它，只需點擊芯片（X圖標外）。然后用戶將看到所需的輸入和控制元素。25APP預覽AppDesigner操作界面

除了組件樹和組件編輯器之外，應用程序預覽也是應用程序編輯器的三個主要模塊之一。與組件樹（主要表示用戶界面的結(jié)構(gòu)）不同，應用程序預覽可視化了應用程序的最終外觀，稍后將在AppHub中查看。每次通過組件編輯器編輯組件屬性時，應用程序預覽將自動更新。除了呈現(xiàn)用戶界面外，應用程序預覽還提供其他有用的功能，例如啟用調(diào)試行或啟用模擬模式。它們都可以通過預覽工具欄中的圖標觸發(fā)。26APP預覽AppDesigner操作界面模擬模式禁用模擬模式時，預覽完全是靜態(tài)的，用戶無法與其交互。然而，為了實現(xiàn)輸入和輸出組件的真實感，可以啟用模擬模式。只需單擊播放圖標，然后將其更改為暫停圖標。輸出組件將開始接收模擬數(shù)據(jù)，該數(shù)據(jù)是虛擬數(shù)字，獨立于所選屬性的實際類型。此時，用戶可以與輸入組件交互。必須強調(diào)，在模擬模式下，僅顯示虛擬值，交互對各自的事物/屬性沒有影響。仿真模式僅用于動態(tài)組件視覺外觀的逼真表示。調(diào)試線通常很難理解組件的大小，尤其是邊距如何影響整個用戶界面。為了解決這個問題，應用程序預覽提供了所謂的調(diào)試線。這些可以通過預覽工具欄左側(cè)的圖標啟用。調(diào)試行有兩種不同的顏色。紅線表示組件的外部邊界，包括指定的邊距。另一方面，藍線表示組件的實際邊界。如果組件沒有外部空間，則只顯示紅線。27多媒體管理器AppDesigner操作界面多媒體管理器管理所有在應用程序中使用的圖像。示例圖像是一個例外，可以在“應用程序設置”對話框中進行設置。可以通過側(cè)邊欄中的圖像圖標在應用程序編輯器中訪問多媒體管理器。左邊是所有上傳媒體文件的列表。單擊其中一個文件，將顯示詳細信息和預覽。28多媒體管理器AppDesigner操作界面添加多媒體要添加新圖像，只需單擊媒體列表頂部的添加按鈕。之后，用戶必須從計算機中選擇一個圖像文件并設置標題。有關特定要求的更多信息，例如有關文件類型或文件大小的信息，可以通過將鼠標懸停在輸入字段旁邊的信息圖標上來顯示。選擇一個有意義的標題很重要，因為這將是以后在組件編輯器中標識圖像的唯一屬性。上傳圖像后，可在組件編輯器的圖像列表中使用，例如在編輯圖像組件時。29多媒體管理器AppDesigner操作界面編輯多媒體可以先在左側(cè)列表中選擇上一個上傳的媒體，然后單擊“編輯”按鈕對其進行編輯。除了標題之外，您還可以更改文件本身。如前所述，必須滿足關于標題和圖像文件的某些要求。有關更多詳細信息，請查看輸入字段旁邊的信息工具提示。刪除多媒體首先從多媒體管理器的列表中選擇圖像，然后單擊刪除按鈕，即可刪除圖像。請記住，使用該圖像的組件在圖像刪除后將不再顯示任何內(nèi)容。30應用程序常規(guī)設置AppDesigner操作界面

可以通過側(cè)邊欄訪問應用程序設置對話框。點擊齒輪圖標將打開一個對話框，可以在其中輸入基本的應用程序設置。通過將鼠標懸停在相應的信息圖標上，可以顯示有關特定字段的更多信息。對應用程序設置的更改僅在單擊“保存”按鈕時保存。單擊“取消”按鈕將放棄所有更改并關閉對話框，所以請記住保存當前更改！31宜科AppHub工業(yè)APP的發(fā)布與管理AppHub簡介AppHub是一個跨平臺的移動應用程序，它允許添加和執(zhí)行由AppDesigner創(chuàng)建的工業(yè)APP。它有一個概覽頁面，頁面顯示所有已添加到AppHub的工業(yè)App，這些App是通過掃描AppDesigner生成的二維碼添加的。此外，可以通過在概覽中選擇某個工業(yè)APP來執(zhí)行它。32宜科AppHub工業(yè)APP的發(fā)布與管理AppHub的基本功能如下：導入工業(yè)應用AppHub提供了一個二維碼掃描器，幫助用戶導入使用AppDesigner構(gòu)建的工業(yè)應用。如前所述，用戶需要掃描AppDesigner生成的二維碼，才能添加工業(yè)APP。然后，用戶需要通過驗證才能下載程序。AppHub將程序保存在本地數(shù)據(jù)庫。運行工業(yè)APP當用戶在概覽中選擇工業(yè)APP時，將從要執(zhí)行的本地數(shù)據(jù)庫檢索相應的應用程序模型。為了不需要編譯或運行時就可以執(zhí)行，模型驅(qū)動軟件開發(fā)研究領域的另一種方法用于執(zhí)行模型：模型解釋。AppHub解釋了具體情況運行時工業(yè)應用程序的模型，以便按照模型中描述的工業(yè)應用程序執(zhí)行。33工業(yè)APP的發(fā)布與管理AppHub操作界面主菜單AppHub的主菜單可以通過左上角的三行按鈕或從屏幕左邊框開始從左向右滑動來訪問。通過主菜單，用戶可以進入介紹屏幕、用戶手冊以及添加不帶二維碼的應用程序或重置登錄等功能。語言與AppDesigner不同，用戶不能手動更改AppHub的語言。它會自動選擇以匹配設備的系統(tǒng)設置。AppHub目前支持德語、英語和中文版本。34工業(yè)APP的發(fā)布與管理手動添加APP添加應用程序

有兩種不同的方式添加應用程序到AppHub。用戶可以掃描相應的二維碼，也可以通過應用程序標識符手動添加應用程序。

通過二維碼添加應用程序是向AppHub添加應用程序的最簡單方法。只需點擊概覽屏幕右下角的按鈕打開二維碼掃描窗口（用戶首次使用需要授予AppHub使用設備相機的權限），掃描應用程序的二維碼即可。如果用戶無法使用二維碼或無法使用相機，可以選擇手動添加應用程序。為此，需要應用程序標識符及其基本url。35工業(yè)APP的發(fā)布與管理APP的運行與刷新運行App要運行已添加到AppHub的工業(yè)APP，只需單擊相應的應用程序圖標即可。如果在此期間重置了登錄，則用戶必須重新登錄后才能訪問應用程序列表。刷新App通過AppDesigner應用程序編輯器對工業(yè)APP進行更改后，必須在AppHub中更新應用程序，以便更改生效。要刷新應用程序，請單擊應用程序平鋪右上角的“三點”圖標，打開應用程序選項，單擊“刷新”，AppHub隨后將獲取此應用程序的最新數(shù)據(jù)。完成此操作后，用戶可以再次啟動更新后的的應用程序。36工業(yè)APP的發(fā)布與管理APP的分享分享App有時，用戶已經(jīng)向AppHub添加了某個工業(yè)APP，但用戶的同事還沒有添加。此時，用戶可以通過AppHub顯示應用程序的相應二維碼。只需打開應用程序選項并單擊共享即可打開二維碼，同事們可以通過AppHub二維碼掃描功能添加應用。37工業(yè)APP的發(fā)布與管理警報概覽監(jiān)控報警使用AppDesigner創(chuàng)建的每個應用程序都會自動包含一個警報概覽頁，可以通過打開應用程序并點擊右上角的報警圖標來訪問該警報概述。報警概述顯示所有與應用程序連接的所有設備的實時警報。當與工業(yè)互聯(lián)網(wǎng)平臺的連接可用時，報警視圖每隔5秒更新一次。在圖5-28中，用戶可以看到三個不同狀態(tài)的報警：Idle（綠色）是當前未激活的報警Active（紅色）是一個激活且未確認的報警Active（橙色）是一個未激活和確認的報警Off（灰色）表示當前未啟用報警38工業(yè)APP的發(fā)布與管理警報處置確認警報AppHub還允許用戶確認警報。如前所述，只能確認Active（紅色）報警。為此，向左滑動要確認的報警條目。右側(cè)應打開一個確認按鈕。點擊此按鈕確認警報。操作成功后，報警概覽底部將顯示一條消息。39工業(yè)APP開發(fā)示例登錄并創(chuàng)建APP登錄首先，通過單擊IoTHub導航欄中的AppDesigner圖標打開AppDesigner。您可以使用IoTHub工業(yè)互聯(lián)網(wǎng)平臺用戶權限登錄AppDesigner，并使用同樣的用戶名和密碼登錄AppHub。創(chuàng)建工業(yè)App登錄后，用戶將進入AppDesigner的歡迎頁面。請單擊“創(chuàng)建新應用”按鈕。在下一個屏幕上，用戶需要輸入標題和唯一的應用程序標識符。應用程序標識符僅用于唯一標識您的應用程序，在創(chuàng)建應用程序后不能更改。如屏幕截圖所示填寫以下兩個字段：Apptitle:MyFirstAppAppidentifier(unique):my_first_app然后單擊創(chuàng)建應用程序。40工業(yè)APP開發(fā)示例APP編輯器添加文本組件我們單擊添加組件面板③中的文本按鈕⑥。將文本組件添加到組件樹后，它將被自動選中，其屬性顯示在組件編輯器④中。添加圖片組件接下來添加圖像組件，在組件樹中選擇主布局②，然后單擊“+”圖標⑦打開添加組件面板。然后，單擊圖像按鈕⑧將組件添加到樹中。同樣，新的組件被自動選中，可以在組件編輯器④中編輯它。調(diào)整組件位置

現(xiàn)在，這兩個組件顯示在工業(yè)APP的頂部。在這一步中，我們將進一步對兩個組件進行排布。單擊調(diào)試行圖標⑩來啟用調(diào)試行。為了定位新的組件，我們需要在組件編輯器④中配置主布局②。41工業(yè)APP開發(fā)示例安裝AppHub要運行工業(yè)APP，首先需要在設備上安裝AppHub。安裝一次后，只需掃描二維碼，幾秒鐘就可以將工業(yè)APP添加到手機中?？梢允褂靡韵逻x項之一安裝AppHub：安卓：要在Android設備上安裝AppHub，可以有以下兩種方式。應用商店：登錄GooglePlay應用商店搜索并安裝AppHub：APK：如果無法訪問GooglePlay應用商店，可以在本圖書附帶的資源庫中下載AppHub.apk文件。

IOS：登錄AppleAppStore搜索并安裝AppHub：42工業(yè)APP開發(fā)示例添加APP到AppHub展示二維碼首先，單擊“保存應用程序”按鈕或按CTRL+S將工業(yè)APP保存到AppHub中。然后，在AppDesigner中單擊AddtoAppHub，顯示應用的二維碼。掃描二維碼現(xiàn)在打開AppHub，單擊AppHub概覽屏幕右下角的掃描二維碼按鈕，添加應用程序后，用戶將看到一個登錄屏幕，請使用授權的IoTHub/AppDesigner用戶名及密碼登錄進行授權。如果登錄成功，用戶的第一個應用程序?qū)⒊霈F(xiàn)在AppHub的應用概覽中。要啟動該應用程序，只需單擊相應圖標。到這里，我們創(chuàng)建并部署了第一個工業(yè)APP。43工業(yè)APP開發(fā)示例工業(yè)數(shù)據(jù)的讀寫1.創(chuàng)建設備并添加屬性到IoTHub中要讀取或?qū)懭霐?shù)據(jù)，首先需要在IoTHub中添加一個對象和一個屬性，有關設備、屬性及其管理的詳細信息，請參閱IoTHub用戶手冊。（1）創(chuàng)建設備使用AppDesigner右上角菜單中的OpenIoTHub選項在IoTHub前端，導航到Things頁①，然后，單擊導航欄中的“+”圖標②添加新內(nèi)容；在打開的對話框中，選擇virtualthing作為Thing類型，然后單擊Next；在下一步中，輸入標題，如“MyfirstThing”，然后單擊“下一步”；檢查對象的名稱和類型，然后單擊“安裝”。44工業(yè)APP開發(fā)示例工業(yè)數(shù)據(jù)的讀寫（2）創(chuàng)建屬性選擇剛剛創(chuàng)建的設備③；單擊右上角的“+”圖標④添加新屬性；在打開的對話框中，輸入room\utemp作為名稱，并選擇float64作為類型；單擊“確認”將屬性添加到對象。到這里，我們完成了第一個屬性的創(chuàng)建。45工業(yè)APP開發(fā)示例工業(yè)數(shù)據(jù)的讀寫2.使用應用程序讀寫屬性目前已經(jīng)創(chuàng)建了第一個屬性，我們可以使用工業(yè)APP讀寫它了。通過單擊導航欄⑤中的AppDesigner條目再次打開AppDesigner。在AppDesigner的歡迎屏幕中，加載在構(gòu)建第一個應用程序時創(chuàng)建的應用程序。（1）可視化屬性讓我們首先使用一個輸出組件（在本例中是屬性值文本）來可視化當前溫度。首先，在組件樹中選擇主布局A，然后單擊添加組件按鈕B。然后，選擇屬性值文本以添加組件。在屬性值文本的組件編輯器中：將字體大小設置為非常大C將文本對齊方式設置為居中D使字體加粗E啟用全寬開關F將占位符文本G設置為--°C（這是沒有可用值時顯示的文本）在“對象選擇”H中選擇之前創(chuàng)建的對象在屬性選擇I中選擇之前創(chuàng)建的屬性（room_temp）將屬性J的單位設置為°C級46工業(yè)APP開發(fā)示例工業(yè)數(shù)據(jù)的讀寫（2）寫入一個值到屬性內(nèi)