在Astro上创建城市监控大屏并在WeLink上发布【华为云Astro低代码体验季】

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

1、前言


1.1、Astro介绍

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

1.2、WeLink

WeLink,是企业数字化转型的联接器,源自华为19万员工的数字化办公实践,支持iOSAndroidWindowsMACOS四大平台,融合即时通讯、企业邮箱、视频会议、音视频通话、直播、云笔记、云空间、企业OA、考勤打卡、待办审批等服务,打造新一代智能工作平台、远程办公平台、移动办公平台、协同办公软件,高效连接企业的团队、业务、知识、设备,助力企业数字化转型,提升企业办公效率,降低运营成本。


2、业务场景


当前支持通过扫码绑定AstroZeroWeLink后,将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”


  1. 单击绑定WeLink”
  2. 在弹出的扫码认证框中,打开移动端WeLink,在右上角点击“+”,扫描图中所示二维码。
  3. 扫码认证后,自动完成AstroZeroWeLink绑定,并同步WeLink所有部门信息到AstroZero,同步后的WeLink部门信息显示在AstroZero管理控制台的用户管理 > 角色中。
  4. 勾选要同步用户所在的WeLink部门,系统还会同步所选部门的WeLink用户,将WeLink用户同步到AstroZero当前环境的业务用户列表中,并赋予“Portal User Profile”权限。业务用户是访问在AstroZero中开发的业务应用(例如智慧城市监控大屏应用)的用户帐号。在AstroZero管理台用户管理 > 业务用户中可查看同步来的WeLink用户信息。

 


操作完成后,可看到已绑定WeLink提示。


3.2、添加WeLink用户为AstroZero开发者

  1. 租户帐号登录AstroZero开发环境,在首页单击管理,进入AstroZero管理中心。
  2. 在左侧导航栏中,选择用户管理 > 用户,单击添加WeLink用户
  3. 添加完成后可看到相关用户信息。

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智慧城市监控大屏应用在移动端显示效果。

  1. 单击左侧菜单栏下方的配置,在移动应用设置页签,设置如下参数。
  2. 显示名称:AstroZero智慧城市监控大屏应用在移动端显示的名称,本示例配置为“WeLink轻应用设置。设置后,单击保存
  3. 应用首页:选择页面作为WeLink H5轻应用的主页。单击使用WeLink扫一扫可体验在WeLink上打开该页面的效果。
  4. PC首页设置:可选配置,选择页面作为WeLink开放平台上轻应用的PC端首页。
  5. 应用管理后台设置:可选配置,选择页面作为PC端免登页。设置完成后,单击保存


配置允许WeLink用户使用该业务应用权限。

  1. AstroZero开发环境上方选择管理,进入管理控制台。
  2. 在左侧导航栏中,选择用户管理 > 权限配置
  3. 权限配置列表中,单击“Portal User Profile”
  4. 在权限配置详情中,单击应用程序设置页签,单击,选中该应用的可见性复选框,单击。配置应用可见性。

 

3.4、编译发布应用

AstroZero上创建的应用发布到WeLink上操作如下。

  1. AstroZero上编译发布应用,将创建的应用编译发布到WeLink上。
  2. AstroZero开发环境首页项目页签的我的应用下,单击之前创建智慧城市监控大屏,进入应用开发页面。

选择刚创建的应用,

选择-配置-资产包;


在左侧导航栏上,单击左下角,选择编译,启动应用编译。


 

编译完成后,单击,选择“WeLink-轻应用


根据如下提示扫码登录welink


点击创建新应用,依次创建轻应用智慧城市监控大屏,点击完成,并发布;



 

发布至WeLink后界面如下。


WeLink上提交发布应用申请。版本管理中,单击发布版本

选择发布版本;


选择审核员,在版本说明中输入说明信息,如第一次测试发布,单击确定,提交发布应用申请给审核员审核。审核完成后,应用会发布至企业WeLink中。

3.5、在WeLink移动端测试应用

应用发布后,可以在WeLink手机端搜索并验证已发布的轻应用,也可以在企业WeLink管理员界面直接扫码进入轻应用。

  1. WeLink手机端,单击业务,搜索应用智慧城市监控大屏
  2. 最后根据相关提示进一步操作。

4、结束语


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


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

 

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

评论(0

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

全部回复

上滑加载中

设置昵称

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

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

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