检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用华为云Astro大屏应用预置模板搭建交通管理大屏 场景说明 交通管理大屏用于监控城市的交通状态,如进出城车辆、路况信息和交通指数等,效果如图1所示。本入门以使用华为云Astro大屏应用中预置模板构建一个交通管理大屏为例,向您介绍如何在华为云Astro大屏应用中快速构建可视化页面。
号名,选择“本地部署”。 图8 华为云Astro大屏应用界面选择本地部署 在本地部署信息页面,单击“注册”。 图9 选择新建服务机器码 输入服务器机器码和名称,单击“确定”,生成测试Key。 图10 生成测试Key 其中,“服务器机器码”请配置为2中获取的内容,服务器名称请根据实际情况进行配置。
在华为云Astro大屏应用服务控制台,单击实例中的“进入首页”,进入华为云Astro大屏应用界面。 在页面右上角,单击“账号名”,选择“本地部署”。 图1 选择本地部署 在本地部署信息中,单击“版本列表”,下载华为云Astro大屏应用运行环境部署包。 图2 下载新版本的运行环境部署包 进入旧版本
开发人员来访统计大屏页面 开发告警处理情况统计移动端页面 05 实践 弹性云服务器(Elastic Cloud Server)是一种可随时自动获取、计算能力可弹性伸缩的云服务器。 部署web环境 什么是ECS 创建容器应用基本流程 快速创建一个kubernetes集群 3分钟创建一个游戏类容器应用
、删除项目和发布项目等。 新建一个项目 项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面,详情请参见创建项目。 导入项目包 从本地导入已创建的项目包,实现离线迁移、部署项目,详情请参见导入项目。 添加项目分组 支持新建分组,用于集中管理项目。 试试从模板开始 展示系统
Condition 方法 API接口的HTTP方法。 GET:请求服务器返回指定资源。 PUT:请求服务器更新指定资源。 POST:请求服务器新增资源或执行特殊操作。 DELETE:请求服务器删除指定资源。 PATCH:请求服务器更新资源的部分内容。当资源不存在时,PATCH可能会去创建一个新的资源。
在左侧导航栏中,选择“页面资产管理 > 桥接器模板”。 单击桥接器模板bridgeBasicTemplate,进入模板详情页面。 在桥接器详情页,单击“下载”,将模板下载到本地。 父主题: 管理页面
分析服务。用户不需要管理任何服务器,即开即用。支持标准SQL/Spark SQL/Flink SQL,支持多种接入方式,并兼容主流数据格式。数据无需复杂的抽取、转换、加载,使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自建数据库以及线下数据库的异构数据进行探索。
入门实践 当您购买了华为云Astro大屏应用实例后,可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍华为云Astro大屏应用常见的搭建实践,帮助您更好的使用华为云Astro大屏应用。 表1 常用最佳实践 实践 描述 使用华为云Astro大屏应用开发人员来访统计大屏页面 本
将鼠标放在对应的版本上,单击。 图1 单击下载图标 在前端运行包下载页面,运行容器选择“Astro Canvas”,单击“下载”,将项目下载到本地。 图2 导出项目 在已购买的华为云Astro大屏应用中,导入项目。 在华为云Astro轻应用服务控制台的左侧导航栏中,单击“Astro大屏应用”。
华为云Astro大屏应用(Huawei Cloud Astro Canvas)以数据可视技术为核心,以屏幕轻松编排,多屏适配可视为基础,帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用,满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 华为云Astro大屏应用业务全景
登录华为云Astro大屏应用界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目中,单击,选择本地的页面模板文件,单击“打开”。 图1 添加本地页面模板文件 在创建页面对话框中,输入页面标题,单击“新建”。 系统自动进入业务大屏开发页面,您可以直接使用该大屏应
框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
在项目列表中,单击页面所在的项目,进入项目。 在所有页面中,单击待下载的页面。 单击“编辑页面”,进入大屏开发页面。 在页面上方工具栏中,单击,即可将当前页面下载到本地。 下载到本地的页面模板文件命名为“当前页面的名称”.page。 图1 将大屏页面保存为页面模板文件 父主题: 页面管理
框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“组件”。 单击“本地调试设置”,进行本地调试设置。 在本地开发组件后,频繁地打包组件包上传至公共环境再查看页面显示效果,是一件效率极低的事情。通过该配置,可打通本地环境与公共环境,实现实时在线调测组件。 单击“检查更新”,检查组件
在组件模板列表中,单击所需的模板模板,进入模板详情页。 图1 预置组件模板 在模板详情页,单击“下载”,将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包,认识组件结构。如解压EchartsWidgetTemplate组件包,其目录结构如图2所示。 图2
框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
其中,“frame-ancestors”为固定格式,“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外,还有一种典型的场景是将大屏嵌入本地的file中,如图3。 图3 将大屏嵌入本地的file中 登录第三方系统,在Elements中,增加“<iframe src="URL" ></iframe>”。