<delect id="hnfgi"></delect>

        1. <acronym id="hnfgi"></acronym>

            1. 宜科曾經為用戶提供本地安裝的低代碼開發工具Workbench,以拖放方式輕松創建工業應用程序。雖然采用云端編譯打包的方式,但是很多的App在打包編譯中會需要大量的時間與帶寬。在最新版本的AppDesigner中很好的解決了以上幾個問題,無需本地安裝,無需編譯單獨的應用程序就可以創建和分發工業App。

              AppDesigner作為IoTHub選配組件,它允許以拖放的方法在web前端輕松創建工業應用程序。當用戶在AppDesigner中完成工業應用建模后,可以導出工業應用。導出過程將生成一個顯示在屏幕上的二維碼。

              為了執行應用程序,用戶需要在他們的智能設備上安裝一個名為AppHub的應用程序。

              使用這個應用程序,他們可以掃描由AppDesigner生成的二維碼。掃描完成后,工業app顯示在AppHub的概覽中。用戶可以選擇啟動APP,也可以使用其他二維碼在AppHub添加更多工業應用。

              AppDesigner

              AppDesigner

              AppDesigner是一個可以通過IoTHub獲得的單頁面應用程序,它允許用戶使用無代碼開發方法創建工業應用程序。因此,用戶無需編寫源代碼即可定義工業應用的UI和應用邏輯。

              之后,AppDesigner允許將工業應用導出為二維碼。

              1. 創建工業應用程序

              要定義UI,需要使用拖放方法。因此,用戶首先將預定義的小部件(如按鈕、文本標簽和圖像)移動到工業應用程序的UI中。然后,AppDesigner允許通過改變它們的屬性(如寬度、高度或位置)來定制這些小部件。為了建模工業應用程序的應用程序邏輯,有兩種附加類型的屬性可以添加到小部件中:動畫允許以各種方式將處理數據輸出到屏幕上,例如文本或圖表。交互允許更改流程數據,例如在單擊按鈕時寫入某個流程值。當用戶定義了整個工業應用后,AppDesigner允許導出它,這樣它就可以被AppHub執行。

              拖拽方式創建APP

              2.導出工業App

              接下來,利用元模型(模型驅動軟件開發研究領域的一種方法)描述了工業應用程序在AppDesigner中的狀態。當用戶導出工業應用程序時,這個模型被持久化到IoTHub的后端。

              經過身份驗證的用戶可以使用REST API訪問它。此外,后端生成一個包含對持久模型的引用的二維碼。這個二維碼是在AppDesigner的前端顯示的代碼。

              AppHub

              AppHub界面

              ?AppHub是一個跨平臺的移動應用程序,它允許添加和執行由AppDesigner創建的工業應用程序。它有一個概覽頁面,通過掃描AppDesigner生成的二維碼來顯示之前添加到AppHub的所有工業應用。此外,可以通過在概覽中選擇某個工業應用程序來執行它。

              1.導入工業應用

              AppHub提供了一個二維碼閱讀器,幫助用戶導入使用AppDesigner建模的工業應用。如前所述,用戶需要掃描AppDesigner生成的二維碼,才能添加這樣的工業app。然后,用戶需要通過驗證才能下載模型。AppHub將模型保存在本地數據庫。

              2.執行工業應用程序

              當用戶在概覽中選擇工業應用程序時,將從要執行的本地數據庫檢索相應的應用程序模型。為了不需要編譯或運行時就可以執行,模型驅動軟件開發研究領域的另一種方法用于執行模型:模型解釋。AppHub解釋了具體情況運行時工業應用程序的模型,以便按照模型中描述的工業應用程序執行。

              您可以關注我們的微信公眾號獲取更多資料

              聯系我們 天津宜科自動化股份有限公司 地址:天津市西青經濟技術開發區賽達四支路 12 號 電話:400-652-5009 郵箱:sales@elco.cn

              違法和不良信息舉報郵箱 marketing@elco.cn

              精品无码国产污污污|久久夜色精品国产www红杏|91精品国产91久无码网站|欧洲精品免费一区二区三区
                    <delect id="hnfgi"></delect>

                    1. <acronym id="hnfgi"></acronym>