检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“AstroZero”，配置数据源参数。 图1 数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 域名：华为云Astro轻
Astro轻应用数据源时需要使用。 获取华为云Astro轻应用环境的域名。 华为云Astro轻应用环境的域名即为应用的域名，在应用设计器的URL中即可获取。 图28 华为云Astro轻应用环境的域名 获取客户端ID和密码。 在华为云Astro轻应用服务控制台的主页中，单击“进入首页”，进入应用开发页面。
安全策略设置样例 其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图3。 图3 将大屏嵌入本地的file中 登录第三方系统，在Elements中，增加“<iframe src="URL"
API”，在右侧单击“+ 新建数据源”。 配置数据源参数。 图2 新建数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字和下划线，且不能以下划线开头或结尾。 域名：华为云Astro轻应用环境的域名，需要携带“https://”。
在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“关系型数据库”，配置数据源参数。 图1 新建关系型数据库数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 数据库类型：数据库支持的类型，按需选择。
o大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置 通过桥接
项目发布后，在项目发布的版本管理中，可下载对应版本的项目包。 约束与限制 在华为云Astro大屏应用中导出项目时，项目包中包含的数据源密码会被置空。 下载项目 在华为云Astro大屏应用界面的“项目列表”页面，单击待下载项目上的。 在版本管理中，鼠标放在对应版本后的“操作”下，单击。
删除数据源 数据源删除后，不可恢复，请谨慎操作。 删除数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击待删除数据源中的，选择“删除”。 数据源较多时，您
选择“HTTP连接器”，配置数据源参数。 图1 新建HTTP连接器数据源 数据源名称：数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 HTTP连接器：选择前提条件中已创建的HTTP连接器。 接口鉴权方式：自动关联已创建连接器的鉴权方式。
新建DWS数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“DWS”，配置数据源参数。 图1 新建DWS数据源 数据源名称：数据源的名称，
连接器管理：通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 转换器管理：转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等，更多介绍请参见资产管理。 系统教程 系统教程中提供了一些华为云Astro大屏应用的相关视频教程
角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
安装项目 在项目发布的版本管理中，可下载对应版本的项目包并在其他环境安装项目。例如，在A环境下载项目包，在B环境安装。 约束与限制 在B环境导入项目时，如果当前环境中不包含同名的数据源，会从项目包中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击，重新配置。
Prometheus数据源 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。华为云Astro大屏应用支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 新建Prometheus数据源 参考登录华
beforeDestroy()函数：组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 /** * 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁 */ beforeDestroy()
型、数据源和目录，单击“保存”。 图1 新建HTTP数据集 数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“HTTP连接器”。 数据源：选择HTTP连接器数据源中，创建的数据源。 目录：设置数据集的存放目录，
registerWidgetActionAndEvent init中抽取的独立逻辑，注册组件对外暴露的的事件和动作。 按需实现，组件定义事件和动作时使用。 getMockData 组件在没有对接外部数据源时，使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象，桩数据结构统一为二维数组对象[{id:3
请求协议：设置连接器请求协议。 域名：请求的Host地址，不需要带上“http://”或“https://”协议头，同时也不需要“/”结尾。 域名参数：配置域名参数，包含字段名称、默认值和字段描述。连接器配置中，当域名中配置“{字段名}”参数时，才会显示该参数。 图6 配置域名参数 接口鉴权方式
型、数据源和目录，单击“保存”。 图1 新建Prometheus数据集 数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“Prometheus”。 数据源：选择Prometheus数据源中，创建的数据源。 目录
对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义，获取转义后的字符串供页面显示用，使用方式参考如下： /* * @param {*} text */ SafeUtils.escapeHtml(text) // 方法返回转义后的字符串 例如输入字符串如下：
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
