检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建大屏&PC端项目：如果待创建的页面为大屏页面，请选择创建大屏项目。 创建移动端项目：如果待创建的页面为移动页面，请选择创建移动端项目。 创建页面 在华为云Astro大屏应用中，搭建华为云Astro大屏应用应用从创建一个大屏/移动端页面开始，掌握70+种组件，定制出符合要求的个性化页面。 初
创建项目 （可选）新建分组 创建大屏&PC端项目 创建移动端项目
图层管理 视图切换 组件图层位置移动 筛选组件
页面管理 复制页面 发布页面 页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本 如何进行设置页面 如何设置分享码 如何设置Token认证 如何设置内容安全策略 如何进行版本回退 华为云Astro大屏应用分享页Token签名校验使用说明
设置页面的背景图片或者颜色。选择图片作为背景时，支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面，支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题： 页面管理
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 播放器设置 视频地址：视频的URL地址，仅支持H.264（视频）和 AAC / MP3（音频）格式的视频源。 封面图片地址：视频封面图片的URL地址。 是否循环播放：是否循环播放视频。 是否自动播放：打开页面后是否自动播放视频。
打开Token认证开关后，华为云Astro大屏应用会生成一个Token。单击该图标，可复制Token。 签名地址只允许打开一次：开启后，签名地址仅允许在当前浏览器中使用。关闭浏览器后，再次访问时需要重新获取签名地址。如果不开启，不限制访问次数，但支持设置有效期。 父主题： 页面管理
能以下划线开头或结尾。 服务地址：返回Prometheus数据的接口所在服务地址的URL。输入的URL地址中，支持包含变量，例如“https:example.{region}.com”。地址中的变量，在使用数据源时，支持修改，如图3。 图2 服务地址包含变量 图3 更改变量 接口
API鉴权名称：设置API鉴权名称，长度为1~32个字符，可包括中文、字母、数字及下划线。 API鉴权描述：设置API鉴权描述信息。 API鉴权地址：设置API鉴权地址，通过输入字符“{xx}”可在请求参数Path列表中使用变量“xx”。 请求方式：设置接口请求方式，支持GET和POST。 请求
件开发规范。 在华为云Astro大屏应用界面“我的资产 > 我的组件”中，将自定义组件上传到组件库中时，“场景”请选择“大屏&PC端”、“移动端”。设置后，该组件才可在页面中展示。 图1 上传自定义组件 华为云Astro大屏应用中组件 介绍华为云Astro大屏应用支持的组件类型，
加“<iframe src="URL" ></iframe>”。 图4 增加大屏访问地址 其中，“URL”为待嵌入大屏的访问地址。在大屏发布页面，单击，即可获取，如图5。 图5 获取大屏URL地址 图6 大屏嵌入效果 如果在浏览器无痕模式下预览页面，请确保“阻止第三方Cookie
打开Token认证开关后，华为云Astro大屏应用会生成一个Token。单击该图标，可复制Token。 签名地址只允许打开一次：开启后，签名地址仅允许在当前浏览器中使用。关闭浏览器后，再次访问时需要重新获取签名地址。如果不开启，不限制访问次数，但支持设置有效期。 有效期设置：设置Token认证有效期。
的字段“url”，单击“确定”。 图3 赋值 单击“+响应动作”，选择“页面跳转”，跳转到外部页面，外部页面地址引用全局变量，设置为“${url}”，弹出新窗口打开页面地址，单击“确定”。 单击“完成”，设置后用户在单击柱图数据时，会跳转到数据集中设置的具体url页面。 图4 设置页面跳转
页面开发流程 在华为云Astro大屏应用可视化开发页面，通过拖拽组件、设置页面布局、对接业务数据等，即可构建华为云Astro大屏应用大屏&PC端/移动端页面，具体流程如图5所示。 图5 页面开发流程 页面设置 配置页面屏幕大小、适应方式、背景颜色或背景图片。更多介绍，请参见如何进行设置页面。
左、右）的距离（参见图2），默认为0，即铺满整个组件。 配置 在配置中，设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 音频轮播设置 音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。 播放 自动播放：开启后，在预览页面或发布后的页面中，会自动播放音频内容。
本项目内页面或外部页面。 内部页面：选择待跳转的具体页面。“页面类型”设置为“内部页面”时，才显示该配置。 外部页面地址：选择待跳转的外部页面地址，可以直接输入地址，也可以设置为全局变量。“页面类型”设置为“外部页面”时，才显示该配置。 页面打开方式：设置跳转页面的打开方式，如新
Condition 方法 API接口的HTTP方法。 GET：请求服务器返回指定资源。 PUT：请求服务器更新指定资源。 POST：请求服务器新增资源或执行特殊操作。 DELETE：请求服务器删除指定资源。 PATCH：请求服务器更新资源的部分内容。当资源不存在时，PATCH可能会去创建一个新的资源。
params); }; 参考上传自定义组件中操作，将组件包“SelectWidget.zip”上传到组件库，场景选择“大屏&PC端”或“移动端”。 测试组件。 在页面中，拖入该组件。 图2 拖入组件 在组件上方单击，配置组件交互事件。 单击“交互事件”，选择“选中值发生变化时触
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。
边距：组件中视频距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置视频组件的视频地址、视频封面、视频播放等。 图4 视频配置 视频 视频地址：视频的URL地址，视频支持格式有MP4、OGG、MOV和WEBM。 封面：选择图片，支持新增目录和子目录，便于对图片进
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
