在AppCube中創(chuàng)建HelloWorld應用【玩轉華為云】

1、AppCube介紹

應用魔方 AppCube是華為云為行業(yè)客戶、合作伙伴、開發(fā)者量身打造的一款低碼應用開發(fā)平臺，通過AppCube可輕松構建專業(yè)級應用，創(chuàng)新隨心所欲，敏捷超乎想象。

使用應用魔方 AppCube進行應用開發(fā)，一般分為三個階段：開發(fā)->測試->上線，每個階段分別對應開發(fā)環(huán)境、沙箱環(huán)境、運行環(huán)境。

2、操作目的

本次操作目的，是手動開發(fā)一個簡單應用“helloworld”。通過創(chuàng)建helloworld應用，讓我們可以輕松漫游AppCube，初步認識并體驗AppCube。

2.1、前提條件

已注冊華為云帳號，并完成實名認證。

已開通AppCube服務。

具體如何注冊并申請試用AppCube，請查閱“注冊租戶”。

2.2、創(chuàng)建應用

通過如下鏈接進入AppCube首頁：

https://appcube.cn-north-4.huaweicloud.com/studio/index.html#/projects/

在AppCube開發(fā)環(huán)境首頁的“項目”頁簽下，單擊“輕應用”卡片。

選擇“創(chuàng)建空白輕應用”。

根據(jù)自己規(guī)劃設備標簽及名稱。

在彈窗中，輸入應用“標簽”為“我的第一個應用”，“名稱”為“HelloWorld”，然后單擊“創(chuàng)建”。

2.3、開發(fā)應用-創(chuàng)建對象

根據(jù)HelloWorld應用設計的功能，首先您需要先創(chuàng)建一個存放詞條的對象helloObject，用于保存詞條名、詞條描述、創(chuàng)建日期信息。對象helloObject中使用到的字段。

對象及字段創(chuàng)建詳細步驟如下。

在“HelloWorld”應用中，在規(guī)劃存放對象的目錄下，創(chuàng)建對象：

將光標放在“Model”目錄上，單擊，選擇“對象”。

輸入對象的“標簽”為“hello-aaa”，單擊“名稱”的輸入框后，系統(tǒng)將自動生成名稱為“helloAaa”，再單擊“添加”。

對象創(chuàng)建完成后，自動進入對象詳情頁面，如下圖所示。

查看并修改對象的標準字段。

查看標準字段，了解自定義對象中系統(tǒng)預置的標準字段

修改標準字段“name”。

單擊“name”字段右側的，如圖所示，進入字段編輯頁面。在“name”字段編輯頁面中，修改“標簽”為“詞條名”，并勾選“是否唯一”，“是否必填”，然后單擊“保存”，如圖所示。

查看并修改對象的標準字段。

創(chuàng)建一個自定義字段“詞條描述”，作為應用中存放詞條描述信息的字段。

在“自定義字段”頁簽，單擊“新建”，進入創(chuàng)建字段頁面，設置字段類型為“文本”，單擊“下一步”。

輸入新字段詳細信息：設置字段“標簽”為“詞條描述”、“名稱”為“detail”、字段長度“255”，并勾選“是否必填”、“大小寫敏感”、“是否可搜”，然后單擊“下一步”。

設置字段級的訪問權限：選中“讀取”和“編輯”復選框，為所有預置profile配置能編輯和讀取本字段的權限，單擊“下一步”。

將字段添加到對象的頁面布局：選中“添加本字段到該頁面布局”，單擊“保存”。

2.4、開發(fā)應用-創(chuàng)建服務編排

本實例中，創(chuàng)建的服務編排目的是操作一個存放詞條的自定義對象，實現(xiàn)將服務編排中獲得的入?yún)⑿畔ⅲ謩e以“詞條名”、“詞條描述”字段寫入到詞條對象helloObject中。如果您還沒有創(chuàng)建，請查閱創(chuàng)建存放詞條的自定義對象章節(jié)，進行創(chuàng)建。

在規(guī)劃存放服務編排的目錄“Logic”下，創(chuàng)建服務編排。

將光標放在“Logic”目錄上，單擊右側“+”。在彈窗菜單中，選擇“服務編排”。

在對話框中，輸入服務編排的“名稱”為“hello_aaa”，單擊“標簽”的輸入框后，系統(tǒng)將自動生成名稱為“hello_aaa”，再單擊“添加”。

單擊，展開“全局上下文”，再單擊“變量”后的“+”，修改“variable0”為“name”；再次單擊“+”，創(chuàng)建變量“detail”。這里創(chuàng)建的“name”、“detail”分別對應詞條對象helloObject中的“詞條名”、“詞條描述”字段。

在服務編排中添加并配置“記錄創(chuàng)建”圖元。

單擊，配置“記錄創(chuàng)建”圖元。

先單擊“對象”下拉框，選中詞條對象“CNAME__helloObject__CST”。對象設置后，“賦值”下自動顯示對象下可以被賦值的字段（name、CNAME__detail__CST）；再單擊“全局上下文”，然后從全局上下文中，分別拖拽變量“name”、“detail”到對應“源”輸入框中。關聯(lián)之后，變量從前端獲取到值后，將會傳給對象中的字段。

測試服務編排能否正常執(zhí)行。

在"Flow Run"界面中輸入測試數(shù)據(jù)，單擊“運行”。 執(zhí)行成功，界面上會返回設備對象中的全部信息.

{ "interviewId": "002N000000edyfrHJiLV", "outputs": {} }

2.5、開發(fā)應用-創(chuàng)建頁面

HelloWorld應用的業(yè)務功能主要是通過標準頁面呈現(xiàn)出來的。通過使用“標準頁面”能力，將“對象”、“服務編排”與頁面中的組件、事件代碼關聯(lián)、綁定、調(diào)用，實現(xiàn)將前端輸入的數(shù)據(jù)信息傳遞到對象中，并最終再通過頁面呈現(xiàn)出來的效果。

創(chuàng)建頁面模型。

然后單擊頁面上部的保存圖標。

2.6、開發(fā)應用-預覽驗證

在頁面開發(fā)時，單擊，可進入開發(fā)環(huán)境的預覽頁面，跟實際效果稍有差距。本節(jié)將介紹如何在應用的預覽環(huán)境中，預覽應用效果。這里預覽效果跟實際在運行環(huán)境中基本一致。在應用配置下，還可以更改應用框架的樣式和顏色。

進入“HelloWorld”應用。

將頁面掛載到導航條上，作為應用菜單。

在“導航條”頁簽單擊“菜單樹”右側的“+”，選擇“添加頁簽”。

單擊右側“HelloWorld”，在右側頁面中，輸入“helloWorld”，單擊“新增”，查看表格中新增的詞條記錄。

2.7、編譯發(fā)布應用

在應用開發(fā)完成后，應用需要編譯、打包、發(fā)布，既可以發(fā)布到當前租戶的運行環(huán)境，也可以共享給其他租戶，在其他租戶的開發(fā)環(huán)境或運行環(huán)境下安裝。

AppCube應用（資產(chǎn)包）發(fā)布。

1、登錄AppCube開發(fā)環(huán)境，在首頁，單擊“我的應用”下的“HelloWorld”，進入應用。

2、在APP開發(fā)頁面左側單擊，選擇“編譯”進行編譯。

3、編譯完成后，單擊左下角，選擇“我的倉庫”，將應用程序安裝包發(fā)布到我的倉庫。

查看發(fā)布到“我的倉庫”下的應用包。

2.8、部署運行應用

在開發(fā)環(huán)境中，將應用發(fā)布到“我的倉庫”后，AppCube將會把該應用包同步發(fā)布到當前租戶的運行環(huán)境中，以便于在運行環(huán)境中部署運行。

使用當前租戶開發(fā)者帳號訪問并登錄AppCube運行環(huán)境。

在運行環(huán)境首頁，單擊“我的倉庫”，進入我的倉庫。

驗證應用。

在應用頁面中，輸入“helloWorld”，單擊“新增”，查看表格中新增的詞條記錄。

最終實驗操作顯示如上。

至此，在AppCube上創(chuàng)建hello word應用順利完成！

3、結束語

有興趣的同學可以參考如下鏈接了解，并參考指導進行了解和操作。

https://support.huaweicloud.com/qs-appcube/appcube_02_0110.html

應用魔方 AppCube 云端實踐

版權聲明：本文內(nèi)容由網(wǎng)絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權內(nèi)容。

版權聲明：本文內(nèi)容由網(wǎng)絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權內(nèi)容。