在Astro上创建城市监控大屏并在WeLink上发布【华为云Astro低代码体验季】
1、前言
1.1、Astro介绍
Astro轻应用(Astro Zero,简称AstroZero)是零代码和低代码应用开发平台,源于华为应用开发和数字化转型的实践,提供了云上无码化、低码化、支持多码化的应用开发模式,屏蔽了技术的复杂性,提升了企业开发的效率。同时提供应用资产的开发标准和微服务框架,助力企业不断沉淀可复制的套件,加速应用的定制,并通过开放的生态,实现套件资产的商业变现。
1.2、WeLink
WeLink,是企业数字化转型的联接器,源自华为19万员工的数字化办公实践,支持iOS、Android、Windows、MACOS四大平台,融合即时通讯、企业邮箱、视频会议、音视频通话、直播、云笔记、云空间、企业OA、考勤打卡、待办审批等服务,打造新一代智能工作平台、远程办公平台、移动办公平台、协同办公软件,高效连接企业的团队、业务、知识、设备,助力企业数字化转型,提升企业办公效率,降低运营成本。
2、业务场景
当前支持通过扫码绑定AstroZero与WeLink后,将AstroZero中开发的应用快速发布到WeLink上,实现企业业务的高效率、低成本创新。
发布WeLink轻应用是将已开发好的应用或全新开发的Web页面发布到WeLink,用户在WeLink APP中即可打开该应用。发布WeLink轻应用适用于简单的应用场景。
本示例以创建AstroZero智慧城市监控大屏应用为例,介绍如何把AstroZero上开发的应用发布成WeLink(蓝标)轻应用。
3、操作流程
3.1、 准备帐号并完成绑定
1、在AstroZero上完成和WeLink帐号的绑定操作。按照如下链接进行welink注册。
WeLink链接:https://register.welink.huaweicloud.com/welinkRegister.html/#/
按照提示一步一步操作,如下为注册成功后的界面。
注册完后提示如下。
以租户帐号登录AstroZero开发环境,在“管理”下,绑定WeLink并同步WeLink信息。在左侧导航栏中,选择“管理 > 系统管理 > 统一身份认证设置”,单击“WeLink”。
扫描Welink二维码后,会同步部门相关信息。
进入应用首页:https://www.huaweicloud.com/product/appcube.html。
依次选择--立即使用--进入开发环境。
点击:管理运行环境;
在左侧导航栏中,选择“管理 > 系统管理 > 统一身份认证设置”,单击“WeLink”。
- 单击“绑定WeLink”。
- 在弹出的“扫码认证”框中,打开移动端WeLink,在右上角点击“+”,扫描图中所示二维码。
- 扫码认证后,自动完成AstroZero和WeLink绑定,并同步WeLink所有部门信息到AstroZero,同步后的WeLink部门信息显示在AstroZero管理控制台的“用户管理 > 角色”中。
- 勾选要同步用户所在的WeLink部门,系统还会同步所选部门的WeLink用户,将WeLink用户同步到AstroZero当前环境的业务用户列表中,并赋予“Portal User Profile”权限。业务用户是访问在AstroZero中开发的业务应用(例如智慧城市监控大屏应用)的用户帐号。在AstroZero管理台“用户管理 > 业务用户”中可查看同步来的WeLink用户信息。
操作完成后,可看到已绑定WeLink提示。
3.2、添加WeLink用户为AstroZero开发者
- 以租户帐号登录AstroZero开发环境,在首页单击“管理”,进入AstroZero管理中心。
- 在左侧导航栏中,选择“用户管理 > 用户”,单击“添加WeLink用户”。
- 添加完成后可看到相关用户信息。
https://appcube.cn-north-4.huaweicloud.com/studio/index.html#/admin/
访问AstroZero产品页,单击“WeLink扫码登录”。
通过手机扫描二维码后登录。
3.3、创建AstroZero智慧城市监控大屏应用
在AstroZero开发环境中创建AstroZero智慧城市监控大屏应用,设置应用在移动端显示效果,并为Welink用户设置业务访问权限。
在AstroZero开发环境首页的“项目”页签下,单击“行业应用”。
在“行业应用”页面,找到“智慧城市监控大屏”模板,并单击“使用模板”。
输入相应的基本信息,此处设置智慧城市监控大屏,并选择创建。
修改要发布的页面模式,单击“Page”目录下的页面,根据需要依次修改相关信息。
修改相关数据;
修改相关信息,如下;
{
"resCode": "0",
"resMsg": "成功",
"result": [
{
"label": "幼儿园",
"value": "3239",
"unit": "所"
},
{
"label": "小学",
"value": "5285",
"unit": "所"
},
{
"label": "普通初中",
"value": "2294",
"unit": "所"
},
{
"label": "普通高中",
"value": "755",
"unit": "所"
},
{
"label": "特殊教育学校",
"value": "99",
"unit": "所"
}
]
}
调整完成后保存相关配置后,点击预览;
预览效果如下。
设置AstroZero智慧城市监控大屏应用在移动端显示效果。
- 单击左侧菜单栏下方的“配置”,在“移动应用设置”页签,设置如下参数。
- 显示名称:AstroZero智慧城市监控大屏应用在移动端显示的名称,本示例配置为“WeLink轻应用设置”。设置后,单击“保存”。
- 应用首页:选择页面作为WeLink H5轻应用的主页。单击使用WeLink扫一扫可体验在WeLink上打开该页面的效果。
- PC首页设置:可选配置,选择页面作为WeLink开放平台上轻应用的PC端首页。
- 应用管理后台设置:可选配置,选择页面作为PC端免登页。设置完成后,单击“保存”。
配置允许WeLink用户使用该业务应用权限。
- 在AstroZero开发环境上方选择“管理”,进入管理控制台。
- 在左侧导航栏中,选择“用户管理 > 权限配置”。
- 在“权限配置列表”中,单击“Portal User Profile”。
- 在权限配置详情中,单击“应用程序设置”页签,单击,选中该应用的“可见性”复选框,单击。配置应用可见性。
3.4、编译发布应用
在AstroZero上创建的应用发布到WeLink上操作如下。
- 在AstroZero上编译发布应用,将创建的应用编译发布到WeLink上。
- 在AstroZero开发环境首页“项目”页签的“我的应用”下,单击之前创建“智慧城市监控大屏”,进入应用开发页面。
选择刚创建的应用,
选择-配置-资产包;
在左侧导航栏上,单击左下角,选择“编译”,启动应用编译。
编译完成后,单击,选择“WeLink-轻应用”。
根据如下提示扫码登录welink;
点击“创建新应用”,依次创建轻应用“智慧城市监控大屏”,点击完成,并发布;
发布至WeLink后界面如下。
在WeLink上提交发布应用申请。在“版本管理”中,单击“发布版本”。
选择发布版本;
选择审核员,在“版本说明”中输入说明信息,如“第一次测试发布”,单击“确定”,提交发布应用申请给审核员审核。审核完成后,应用会发布至企业WeLink中。
3.5、在WeLink移动端测试应用
应用发布后,可以在WeLink手机端搜索并验证已发布的轻应用,也可以在企业WeLink管理员界面直接扫码进入轻应用。
- 在WeLink手机端,单击“业务”,搜索应用“智慧城市监控大屏”。
- 最后根据相关提示进一步操作。
4、结束语
通过AstroZero提供的界面、逻辑、对象等可视化编排工具,以“拖、拉、拽”的方式来快速构建应用,从而实现所见即所得的快速应用开发和构建。相关随着后续AstroZero功能不断完善和优化,AstroZero发展前景会越来越好。
我正在参加【有奖征文 第22期】华为云Astro低代码体验季,输出优质文章,赢开发者大礼包!
https://bbs.huaweicloud.com/blogs/397241
- 点赞
- 收藏
- 关注作者
评论(0)