在AppCube中创建HelloWorld应用【玩转华为云】

1、AppCube介绍

应用魔方 AppCube是华为云为行业客户、合作伙伴、开发者量身打造的一款低码应用开发平台，通过AppCube可轻松构建专业级应用，创新随心所欲，敏捷超乎想象。

使用应用魔方 AppCube进行应用开发，一般分为三个阶段：开发->测试->上线，每个阶段分别对应开发环境、沙箱环境、运行环境。

2、操作目的

本次操作目的，是手动开发一个简单应用“helloworld”。通过创建HelloWorld应用，让我们可以轻松漫游AppCube，初步认识并体验AppCube。

2.1、前提条件

已注册华为云帐号，并完成实名认证。

已开通AppCube服务。

具体如何注册并申请试用AppCube，请查阅“注册租户”。

2.2、创建应用

通过如下链接进入AppCube首页：

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

在AppCube开发环境首页的“项目”页签下，单击“轻应用”卡片。

选择“创建空白轻应用”。

根据自己规划设备标签及名称。

在弹窗中，输入应用“标签”为“我的第一个应用”，“名称”为“HelloWorld”，然后单击“创建”。

2.3、开发应用-创建对象

根据HelloWorld应用设计的功能，首先您需要先创建一个存放词条的对象helloObject，用于保存词条名、词条描述、创建日期信息。对象helloObject中使用到的字段。

对象及字段创建详细步骤如下。

在“HelloWorld”应用中，在规划存放对象的目录下，创建对象：

将光标放在“Model”目录上，单击，选择“对象”。

输入对象的“标签”为“hello-aaa”，单击“名称”的输入框后，系统将自动生成名称为“helloAaa”，再单击“添加”。

对象创建完成后，自动进入对象详情页面，如下图所示。

查看并修改对象的标准字段。

查看标准字段，了解自定义对象中系统预置的标准字段

修改标准字段“name”。

单击“name”字段右侧的，如图所示，进入字段编辑页面。在“name”字段编辑页面中，修改“标签”为“词条名”，并勾选“是否唯一”，“是否必填”，然后单击“保存”，如图所示。

查看并修改对象的标准字段。

创建一个自定义字段“词条描述”，作为应用中存放词条描述信息的字段。

在“自定义字段”页签，单击“新建”，进入创建字段页面，设置字段类型为“文本”，单击“下一步”。

输入新字段详细信息：设置字段“标签”为“词条描述”、“名称”为“detail”、字段长度“255”，并勾选“是否必填”、“大小写敏感”、“是否可搜”，然后单击“下一步”。

设置字段级的访问权限：选中“读取”和“编辑”复选框，为所有预置profile配置能编辑和读取本字段的权限，单击“下一步”。

将字段添加到对象的页面布局：选中“添加本字段到该页面布局”，单击“保存”。

2.4、开发应用-创建服务编排

本实例中，创建的服务编排目的是操作一个存放词条的自定义对象，实现将服务编排中获得的入参信息，分别以“词条名”、“词条描述”字段写入到词条对象helloObject中。如果您还没有创建，请查阅创建存放词条的自定义对象章节，进行创建。

在规划存放服务编排的目录“Logic”下，创建服务编排。

将光标放在“Logic”目录上，单击右侧“+”。在弹窗菜单中，选择“服务编排”。

在对话框中，输入服务编排的“名称”为“hello_aaa”，单击“标签”的输入框后，系统将自动生成名称为“hello_aaa”，再单击“添加”。

单击，展开“全局上下文”，再单击“变量”后的“+”，修改“variable0”为“name”；再次单击“+”，创建变量“detail”。这里创建的“name”、“detail”分别对应词条对象helloObject中的“词条名”、“词条描述”字段。

在服务编排中添加并配置“记录创建”图元。

单击，配置“记录创建”图元。

先单击“对象”下拉框，选中词条对象“CNAME__helloObject__CST”。对象设置后，“赋值”下自动显示对象下可以被赋值的字段（name、CNAME__detail__CST）；再单击“全局上下文”，然后从全局上下文中，分别拖拽变量“name”、“detail”到对应“源”输入框中。关联之后，变量从前端获取到值后，将会传给对象中的字段。

测试服务编排能否正常执行。

在"Flow Run"界面中输入测试数据，单击“运行”。 执行成功，界面上会返回设备对象中的全部信息.

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

2.5、开发应用-创建页面

HelloWorld应用的业务功能主要是通过标准页面呈现出来的。通过使用“标准页面”能力，将“对象”、“服务编排”与页面中的组件、事件代码关联、绑定、调用，实现将前端输入的数据信息传递到对象中，并最终再通过页面呈现出来的效果。

创建页面模型。

然后单击页面上部的保存图标。

2.6、开发应用-预览验证

在页面开发时，单击，可进入开发环境的预览页面，跟实际效果稍有差距。本节将介绍如何在应用的预览环境中，预览应用效果。这里预览效果跟实际在运行环境中基本一致。在应用配置下，还可以更改应用框架的样式和颜色。

进入“HelloWorld”应用。

将页面挂载到导航条上，作为应用菜单。

在“导航条”页签单击“菜单树”右侧的“+”，选择“添加页签”。

单击右侧“HelloWorld”，在右侧页面中，输入“helloWorld”，单击“新增”，查看表格中新增的词条记录。

2.7、编译发布应用

在应用开发完成后，应用需要编译、打包、发布，既可以发布到当前租户的运行环境，也可以共享给其他租户，在其他租户的开发环境或运行环境下安装。

AppCube应用（资产包）发布。

1、登录AppCube开发环境，在首页，单击“我的应用”下的“HelloWorld”，进入应用。

2、在APP开发页面左侧单击，选择“编译”进行编译。

3、编译完成后，单击左下角，选择“我的仓库”，将应用程序安装包发布到我的仓库。

查看发布到“我的仓库”下的应用包。

2.8、部署运行应用

在开发环境中，将应用发布到“我的仓库”后，AppCube将会把该应用包同步发布到当前租户的运行环境中，以便于在运行环境中部署运行。

使用当前租户开发者帐号访问并登录AppCube运行环境。

在运行环境首页，单击“我的仓库”，进入我的仓库。

验证应用。

在应用页面中，输入“helloWorld”，单击“新增”，查看表格中新增的词条记录。

最终实验操作显示如上。

至此，在AppCube上创建hello word应用顺利完成！

3、结束语

有兴趣的同学可以参考如下链接了解，并参考指导进行了解和操作。

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

应用魔方 AppCube 云端实践

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。