在Astro中创建HelloWorld应用【华为云Astro低代码体验季】

举报
y-wolfandy 发表于 2023/05/13 22:58:14 2023/05/13
【摘要】 Astro轻应用(Astro Zero,简称AstroZero)是零代码和低代码应用开发平台,源于华为应用开发和数字化转型的实践,提供了云上无码化、低码化、支持多码化的应用开发模式,屏蔽了技术的复杂性,提升了企业开发的效率。同时提供应用资产的开发标准和微服务框架,助力企业不断沉淀可复制的套件,加速应用的定制,并通过开放的生态,实现套件资产的商业变现。

1、Astro介绍


Astro轻应用(Astro Zero,简称AstroZero)是零代码和低代码应用开发平台,源于华为应用开发和数字化转型的实践,提供了云上无码化、低码化、支持多码化的应用开发模式,屏蔽了技术的复杂性,提升了企业开发的效率。同时提供应用资产的开发标准和微服务框架,助力企业不断沉淀可复制的套件,加速应用的定制,并通过开放的生态,实现套件资产的商业变现。

2、操作目的


从零开始,手动开发一个简单应用“HelloWorld”。通过创建HelloWorld应用,让我们可以轻松漫游Astro,初步认识并体验Astro

2.1、前提条件

  1. 已注册华为云帐号,并完成实名认证。
  2. 已开通Astro服务。

具体如何注册并申请试用Astro,请查阅注册租户

2.2、创建应用

通过如下链接进入Astro首页:

https://www.huaweicloud.com/product/appcube.html

Astro开发环境首页点击立即使用。


管理运行环境;


出现如下界面:


选择创建空白轻应用


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

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

2.3、开发应用-创建对象

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

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

  1. “HelloWorld”应用中,在规划存放对象的目录下,创建对象:
  2. 将光标放在“Model”目录上,单击,选择对象


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


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


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

  • 查看标准字段,了解自定义对象中系统预置的标准字段
  • 修改标准字段“name”
  • 单击“name”字段右侧的,如8所示,进入字段编辑页面。在“name”字段编辑页面中,修改标签词条名,并勾选是否唯一是否必填,然后单击保存,如所示。

 

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


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

  1. 自定义字段页签,单击新建,进入创建字段页面,设置字段类型为文本,单击下一步

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

 

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


将字段添加到对象的页面布局:选中添加本字段到该页面布局,单击保存

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

本实例中,创建的服务编排目的是操作一个自定义对象,实现将服务编排中获得的入参信息,分别以词条名词条描述字段写入到词条对象helloObject中。

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

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


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


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


 

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


单击,配置记录创建图元。

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


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

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

{

    "interviewId": "002N000000edyfrHJiLV",

    "outputs": {}

}

2.5、    开发应用-创建页面

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

创建页面模型。



 

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

2.6、开发应用-预览验证

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

  1. 进入“HelloWorld”应用。
  2. 将页面挂载到导航条上,作为应用菜单。

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


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


2.7、编译发布应用

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

Astro应用(资产包)发布。


  1. 登录Astro开发环境,在首页,单击我的应用下的“HelloWorld”,进入应用。
  1. 在APP开发页面左侧单击,选择“编译”进行编译。
  2. 编译完成后,单击左下角,选择“我的仓库”,将应用程序安装包发布到我的仓库。


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


2.8、部署运行应用

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

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


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


验证应用。

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


最终实验操作显示如上。

至此,在Astro上创建hello word应用顺利完成!

3、小结

通过AstroZero提供的界面、逻辑、对象等可视化编排工具,以“拖、拉、拽”的方式来快速构建应用,从而实现所见即所得的快速应用开发和构建。相关随着后续AstroZero功能不断完善和优化,AstroZero前景会越来越好。


我正在参加【有奖征文 第22期】华为云Astro低代码体验季,输出优质文章,赢开发者大礼包!
https://bbs.huaweicloud.com/blogs/397241

 

 

 

 

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。