宜科曾(ceng)經(jing)為用戶(hu)提供本(ben)地安(an)裝(zhuang)的(de)低代碼開發工(gong)具Workbench，以拖放(fang)方(fang)式(shi)輕松(song)創(chuang)建工(gong)業(ye)應(ying)(ying)用程(cheng)序。雖然采用云端編譯打包的(de)方(fang)式(shi)，但是很多的(de)App在打包編譯中會(hui)需要(yao)大(da)量的(de)時(shi)間與帶(dai)寬(kuan)。在最新版(ban)本(ben)的(de)AppDesigner中很好(hao)的(de)解決了以上幾個(ge)問題，無(wu)需本(ben)地安(an)裝(zhuang)，無(wu)需編譯單獨(du)的(de)應(ying)(ying)用程(cheng)序就可以創(chuang)建和分發工(gong)業(ye)App。
AppDesigner作為IoTHub選配組(zu)件，它允許以拖放(fang)的(de)方法在(zai)web前端輕松創(chuang)建工(gong)業(ye)應用程(cheng)序。當用戶在(zai)AppDesigner中(zhong)完成工(gong)業(ye)應用建模后，可以導出(chu)工(gong)業(ye)應用。導出(chu)過程(cheng)將生(sheng)成一(yi)個(ge)顯示在(zai)屏幕上(shang)的(de)二維碼(ma)。
為(wei)了執行應用(yong)(yong)程(cheng)序，用(yong)(yong)戶需要在他們的智能設備(bei)上安裝一個(ge)名為(wei)AppHub的應用(yong)(yong)程(cheng)序。
使(shi)用(yong)這(zhe)個應用(yong)程序，他(ta)們可以掃描(miao)由(you)AppDesigner生成的二維(wei)碼。掃描(miao)完(wan)成后，工(gong)業app顯(xian)示在AppHub的概覽(lan)中(zhong)。用(yong)戶可以選擇啟動APP，也(ye)可以使(shi)用(yong)其他(ta)二維(wei)碼在AppHub添加更(geng)多工(gong)業應用(yong)。
AppDesigner
AppDesigner是一(yi)個(ge)可(ke)(ke)以通過IoTHub獲(huo)得的(de)單頁面應(ying)用程(cheng)序，它允許用戶使用無代(dai)碼開發方法創建工業(ye)應(ying)用程(cheng)序。因此，用戶無需編(bian)寫源(yuan)代(dai)碼即可(ke)(ke)定(ding)義(yi)工業(ye)應(ying)用的(de)UI和應(ying)用邏輯。
之后，AppDesigner允許將工(gong)業應用導出為二維碼。
- 創建工業應用程序
要定(ding)義UI，需要使用(yong)拖放方(fang)法。因(yin)此(ci)，用(yong)戶(hu)首先將(jiang)預定(ding)義的(de)小部(bu)件(jian)(jian)(如(ru)按鈕、文(wen)本標簽和圖像)移(yi)動(dong)到(dao)工(gong)業應(ying)用(yong)程序(xu)的(de)UI中。然后，AppDesigner允(yun)許(xu)通過改變它們的(de)屬性(如(ru)寬(kuan)度(du)、高度(du)或位(wei)置)來定(ding)制這些小部(bu)件(jian)(jian)。為了建模工(gong)業應(ying)用(yong)程序(xu)的(de)應(ying)用(yong)程序(xu)邏輯，有兩種附(fu)加類(lei)型(xing)的(de)屬性可以添加到(dao)小部(bu)件(jian)(jian)中：動(dong)畫允(yun)許(xu)以各種方(fang)式將(jiang)處理數據輸出到(dao)屏幕上，例如(ru)文(wen)本或圖表。交互允(yun)許(xu)更改流程數據，例如(ru)在單擊(ji)按鈕時寫(xie)入某個流程值。當用(yong)戶(hu)定(ding)義了整(zheng)個工(gong)業應(ying)用(yong)后，AppDesigner允(yun)許(xu)導出它，這樣它就可以被(bei)AppHub執行(xing)。
2.導出工業App
接下來，利(li)用元模(mo)型(xing)(模(mo)型(xing)驅(qu)動(dong)軟件(jian)開(kai)發研究領域(yu)的一種方(fang)法)描述了工業應(ying)(ying)用程序(xu)在AppDesigner中(zhong)的狀態。當用戶導(dao)出工業應(ying)(ying)用程序(xu)時，這個模(mo)型(xing)被持久化到IoTHub的后端。
經(jing)過(guo)身份(fen)驗證(zheng)的(de)(de)(de)用戶可以使用REST API訪問它。此外，后端生成一個(ge)包(bao)含對持(chi)久(jiu)模型的(de)(de)(de)引用的(de)(de)(de)二(er)維(wei)碼。這個(ge)二(er)維(wei)碼是在AppDesigner的(de)(de)(de)前端顯示的(de)(de)(de)代碼。
AppHub
?AppHub是(shi)一個跨平臺(tai)的(de)移動應用(yong)程序，它(ta)允許添(tian)加和執(zhi)行由AppDesigner創建的(de)工(gong)業(ye)(ye)應用(yong)程序。它(ta)有一個概(gai)覽頁面，通過(guo)掃描(miao)AppDesigner生(sheng)成(cheng)的(de)二維碼來(lai)顯示之前(qian)添(tian)加到AppHub的(de)所有工(gong)業(ye)(ye)應用(yong)。此外，可(ke)以通過(guo)在(zai)概(gai)覽中選(xuan)擇某(mou)個工(gong)業(ye)(ye)應用(yong)程序來(lai)執(zhi)行它(ta)。
1.導入工業應用
AppHub提(ti)供了一個(ge)二(er)維碼閱讀器，幫助(zhu)用戶(hu)導入(ru)使用AppDesigner建模(mo)的工業(ye)應用。如前所述，用戶(hu)需要(yao)掃描AppDesigner生成的二(er)維碼，才能(neng)(neng)添加這樣(yang)的工業(ye)app。然后，用戶(hu)需要(yao)通過(guo)驗(yan)證才能(neng)(neng)下載模(mo)型。AppHub將模(mo)型保存在本地數(shu)據庫。
2.執行工業(ye)應(ying)用(yong)程序(xu)
當(dang)用(yong)戶在概(gai)覽中(zhong)選擇工業(ye)(ye)應用(yong)程序時(shi)，將(jiang)從要執行的(de)(de)本地數據(ju)庫檢(jian)索相應的(de)(de)應用(yong)程序模(mo)型(xing)(xing)。為了不需(xu)要編譯或(huo)運(yun)行時(shi)就可(ke)以執行，模(mo)型(xing)(xing)驅(qu)動(dong)軟件開發(fa)研究領域的(de)(de)另一種方法用(yong)于執行模(mo)型(xing)(xing):模(mo)型(xing)(xing)解釋(shi)。AppHub解釋(shi)了具體情(qing)況運(yun)行時(shi)工業(ye)(ye)應用(yong)程序的(de)(de)模(mo)型(xing)(xing)，以便(bian)按(an)照模(mo)型(xing)(xing)中(zhong)描述(shu)的(de)(de)工業(ye)(ye)應用(yong)程序執行。
