AppCube 低代码快速开发健康打卡应用
1. 前言
应用魔方(AppCube)是华为云打造的一款低代码应用开发平台,早先是应用在电信行业,减少电信软件的定制人力投入。Gartner 预测到 2024 年,低代码应用程序开发将负责超过 65%的应用程序开发活动,低代码将成为下一代企业 IT 系统的主流开发手段。
低代码平台主要是面向业务开发人员,屏蔽底层技术复杂性,以可视化方式为主,少量代码为辅,用来快速搭建各种应用系统的开发平台,这样实现一些应用模型就非常快速。
目前 AppCube 提供了轻应用、行业应用、业务大屏三个项目类型,每个项目下有很多内置的模板,初次使用 AppCube 时,可以采用内置模板快速上手,了解 AppCube 的整个环节,开发流程,发布效果等等。
本篇文章采用轻应用项目类型里的健康打卡
应用,来介绍 AppCube 的使用流程。现在疫情还没有褪去,全国各地都还在持续抵抗疫情,健康打卡应用可以自助上报个人健康信息,方便社区、公司、团体进行管理。
2. 创建健康打卡应用
(1)登录控制台
华为云官网上产品功能特别多,首先得找到 AppCube 产品的主页: https://www.huaweicloud.com/product/appcube.html
如果没有华为云账号,得先注册账号,实名认证后再继续,这是登录任何网站的常规操作。

(2)免费试用
点击立即使用,登录账号,即可进入到 AppCube 管理页面,再点击免费试用,根据提示开通实例即可。
目前 AppCube 打包发布应用需要购买专业版。


(3)进入开发环境


在开发环境页面,点击项目,可以看到可以创建的项目类型,选择轻应用可以看到很多内置模板,如果有些模板刚好是自己当前需要的框架,那么直接套用模块简单修改下字段、提示即可正常发布使用,非常方便,省去很多开发时间。项目应用里的业务大屏也是非常好用的一个功能,主要是可以对接物联网平台,显示物联网设备上传的数据,可视化显示,制作信息显示大屏,非常酷炫。

(4)选择健康打卡应用模板
健康打卡应用属于轻应用项目类型,点击轻应用找到健康打卡模板。

在这个页面上,可以看到有很多模块,都是一些常见,使用比较频繁的类型。
选中健康打卡模块,可以先查看模板,看看整个模块默认运行起来的效果。

(5)配置使用模板
点击右上角使用此模块
,会提示创建命名标识符。


接着对项目信息进行配置,可以上传自定义图标。

创建成功后,就进入到开发环境页面,接着就可以对页面数据进行配置了。

因为使用的是内置模块,整体功能已经设计好,不用做什么修改就可以直接运行。左边的Page
分组里是当前应用显示的页面,可以自己增加,修改。
如果健康打卡页面上的一些选项栏、语句提示不符合自己使用要求,可以自行更改编辑,编辑前需要点击页面左上角的

将页面锁定后才能编辑。

修改页面提示,现在高风险区已经是深圳了。

右上角可以选择 PC 电脑和手机预览效果。

配置好之后,先点击 Ctrl+S,保存页面数据。

再点击左下角的预览图标,预览界面效果。

3. 界面预览效果
页面配置好之后,预览 PC 桌面浏览器运行效果。内置模板的整体功能已经比较完善。




4. 发布应用
如果觉得开发的功能已经符合要求,接下来就可以编译发布。



发布支持发布到 WeLink、微信小程序等,非常方便。


如果要发布到 WeLink,手机上先下载 WeLink 手机 APP,注册账号,创建一个公司组织或者加入你现在的公司组织,没有就自己创建一个--什么? 现在还没有公司?没关系,先自己想个名字,说不定后面就自己开公司了。
WeLink 开放平台地址--手机 APP 打开 WeLink 扫码就能登陆:https://open.welink.huaweicloud.com/wecode-site/index.html#/home
点击右上角的头像图标可以进入到后台管理页面。
还可以申请 1 年的专业版试用权限。


版权声明: 本文为 InfoQ 作者【DS小龙哥】的原创文章。
原文链接:【http://xie.infoq.cn/article/d2c531013fbb1cdc3c0c9a2d5】。文章转载请联系作者。
评论