检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用华为云Astro大屏应用开发告警处理情况统计移动端页面 应用场景 通过华为云Astro大屏应用开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1 组件说明
在新建项目页面,选择“大屏&PC端”,输入项目名称,单击“新建”。 项目名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。 图1 新建项目 系统自动进入该新建项目的“大屏&PC端项目”页面,如图2。 图2 大屏&PC端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。
在新建项目页面,选择“移动端”,输入项目名称,单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面,如图2。 图2 移动端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。 创建文件夹 项目创建后,支持在项目中创建文件夹,用于集中管理页面。 在“
面。 参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“通用”。 设置网页的图标等,单击“保存”。 图1 通用设置 开启页面加载动画:勾选后,预览或打开页面时,将会显示加载动画。 网页图标:设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、
创建多个页面。 创建大屏&PC端项目:如果待创建的页面为大屏页面,请选择创建大屏项目。 创建移动端项目:如果待创建的页面为移动页面,请选择创建移动端项目。 创建页面 在华为云Astro大屏应用中,搭建华为云Astro大屏应用应用从创建一个大屏/移动端页面开始,掌握70+种组件,定制出符合要求的个性化页面。
使用页面模板文件新建页面 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录华为云Ast
域名:华为云Astro轻应用环境的域名,需要携带“https://”。 客户端ID:调用华为云Astro轻应用接口前,需要配置“客户端模式”OAuth鉴权的客户端ID,获取方法请参考客户端模式接入认证。 OAuth认证过程中,新建认证密钥时授权类型需选择“客户端模式”,用户建议选择具有管理员权限(System
o大屏应用中开发一个大屏页面的流程。 使用华为云Astro大屏应用开发告警处理情况统计移动端页面 本实践通过开发一个告警处理情况移动端页面,带您了解在华为云Astro大屏应用中开发一个移动端页面的流程。
使用空白画布新建页面 从零开始,通过拖拽组件、设置页面布局、数据源等,构建华为云Astro大屏应用大屏页面&PC端页面。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
yml”文件,需要执行该命令,重新启动。 停止服务:sh stop.sh 服务启动后,在浏览器中,输入华为云Astro大屏应用服务所在服务器的IP地址和端⼝,获取机器码。 http://10.10.*.*:19996/ 其中,“10.10.*.*”为1.d中,修改application.yml
产品优势 使用华为云Astro大屏应用开发可视化大屏页面、移动端页面,具备如下优势。 大屏资产数据服务对接,轻松接入,高效复用 功能介绍 多种数据接入能力,在大屏资产中心中可保存为多种卡片,快速进行业务调整,随心所选 、高效复用。 特性优势 丰富的数据源:预置10+数据源 。 数
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。购买“Astro大屏应用企业版”实例时,才会显示该组件。 在大屏设计页面,从“全部组件 > 3D场景编辑器”中,拖拽“图观端场景编辑器”组件至画布空白区域,如图1。 图1 图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。
在华为云Astro大屏应用界面上方,单击“项目列表”。 在项目列表页面,单击“新建项目”。 输入项目名称,单击“新建”,新建一个大屏&PC端项目。 在新建的大屏&PC端项目中,单击“新建页面”。 单击“新建空白页面”,输入页面标题“全局变量示例页面”,单击“新建”。 在页面上方单击,新建并设置页面级全局变量。
使用盘古助手 盘古助手可以辅助研发人员编写转换器、更改转换器等。通过盘古助手用户可以轻松获取转换器,提升转换器的易用性。 在盘古助手中,您可以通过直接提问来获取转换器,也可以通过快捷指令来获取对应的转换器。本章节以快捷指令中内容为例,向您介绍如何使用盘古助手。 代码优化 参考新建转换器中操作,新建一个转换器。
params); }; 参考上传自定义组件中操作,将组件包“SelectWidget.zip”上传到组件库,场景选择“大屏&PC端”或“移动端”。 测试组件。 在页面中,拖入该组件。 图2 拖入组件 在组件上方单击,配置组件交互事件。 单击“交互事件”,选择“选中值发生变化时
Profile)的用户。如何获取client_id,请参见客户端模式接入认证。 客户端密码:调用华为云Astro轻应用接口前,需要配置“客户端模式”OAuth鉴权的客户端鉴权密钥。如何获取client_secret,请参见客户端模式接入认证。 描述:新建数据源的描述信息,可按需进行设置。
文件介绍 {widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在华为云Astro大屏应用中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div
发布项目 项目开发完成后,可以直接在线预览,也可以一键打包从A环境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间资产的快速迁移。发布项目,支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前,请确保项目中的页面已发布。 发布项目 参考登录华
新建转换器 转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 为了便于您更好的使用转换器,华为云Astro大屏应用为您提供了盘古助手工具。盘古助手是由华为研发的基于盘古模型的AI助手,可以根据用户的需求,灵活地生成转换器代码,快速接入数据至大屏
种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget)是可复用的大屏或移动端页面组成元素,一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对数