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