检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用华为云Astro大屏应用开发告警处理情况统计移动端页面 应用场景 通过华为云Astro大屏应用开发一个告警处理情况移动端页面，开发完成后，用户可通过移动端访问该页面，查看告警处理情况。移动端页面构想，如图1所示。 图1 移动端页面效果 图1中移动端页面，由下列组件拼装而成。 表1
如何设置内容安全策略 大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作，创建一个大屏页面。
气泡图 气泡图是指通过使用气泡形状，来展现数据的大小分布情况。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“气泡图”组件至画布空白区域，如图1。 图1 气泡图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
瀑布柱图 瀑布柱图是柱状图的一种，具有自上而下的流畅效果，在企业经营分析、财务分析中使用较多，用以表示企业成本的构成、变化等情况。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“瀑布柱图”组件至画布空白区域，如图1。 图1 瀑布柱图 图2 边距样式说明 卡片 卡片是指包裹图表
健康检查设置 健康检查设置中提供了页面健康度检查能力，对慢请求、错误请求、系统资源占用高等情况实时提示，有效帮助开发人员发现、定位和解决问题。 健康检查设置 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。
华为云Astro大屏应用当前仅支持包年/包月购买，对于包年/包月的华为云Astro大屏应用，用户已预先支付了资源费用，因此在账户出现欠费的情况下，已有的华为云Astro大屏应用实例仍可正常使用。但是，对于涉及费用的操作，如新购华为云Astro大屏应用、升级华为云Astro大屏应用规格等操作，用户将无法正常进行。
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml()
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色，可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据，帮助城市管理者及时监测城市运行状况，进行智慧决策，提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域，数据可视化大屏可以展示生产
classfication字段代表的是当前组件需要展示哪些大的配置项分类。华为云Astro大屏应用在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。
本实践通过开发一个人员来访统计大屏，带您了解在华为云Astro大屏应用中开发一个大屏页面的流程。 使用华为云Astro大屏应用开发告警处理情况统计移动端页面 本实践通过开发一个告警处理情况移动端页面，带您了解在华为云Astro大屏应用中开发一个移动端页面的流程。
IAM是华为云提供权限管理的基础服务，无需付费即可使用，只需要为您账号中的资源进行付费。关于IAM的详细介绍，请参见《IAM产品介绍》。 华为云Astro大屏应用权限 默认情况下，新建的IAM用户没有任何权限，需要将其加入用户组，并给用户组授予策略或角色，才能使得用户组中的用户获得对应的权限，这一过程称为授权。授
华为账号购买华为云Astro大屏应用实例后，可通过在华为账号下添加IAM用户，实现多人协助开发可视化大屏应用。 前提条件 已参考创建IAM用户中操作，创建IAM用户。默认情况下，新创建的IAM用户没有任何权限。您需要为其授予权限，或将其加入用户组，并给用户组授权，用户组中的用户将获得用户组的权限。创建用户组时，请给用户组赋予“Astro
设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置完成后，在浏览器中打开发布链接地
转换器冲突，选择“覆盖目标资产”时，系统将弹出如图2提示，根据实际需求进行选择即可。 图2 转换器冲突 数据源和数据集这两种资产出现名称冲突，但资源类型不同的情况时，系统默认选择生成副本。 图3 数据源和数据集冲突 父主题： 项目管理
登录华为云Astro大屏应用界面 在华为云Astro轻应用中，您可以通过多种方式登录华为云Astro大屏应用。在使用华为云Astro大屏应用时，请结合实际情况，选择对应的方式登录华为云Astro大屏应用界面。本手册的界面操作及截图均以我是新用户为例。 我是新用户 新用户购买华为云Astro大屏应
绍，请参见续费概述。 费用账单 您可以在“费用中心 > 账单管理”中，查看与华为云Astro大屏应用相关的流水和明细账单，以便了解您的消费情况。如需了解具体操作步骤，请参见费用账单。 欠费 在使用华为云Astro大屏应用时，账户的可用额度小于待结算的账单，即被判定为账户欠费。欠费
设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。
自定义模板：当前账号下发布的模板，如何将当前页面发布为模板，请参见发布为模板。 如果安装的是安全云脑类大屏，进入大屏页面后，您还需要根据实际情况设置全局变量和数据源等信息，如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 通过模板新建页面 参考
设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。
设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
