检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
应用：选择调用自定义接口所属的应用。 API接口：选择待调用的API接口，下拉框中的选项取值为接口的标签，如果接口标签取值为中文，则这里“API接口”显示为中文标签。如果接口标签未定义，则显示接口的操作名称。 请求类型：API接口的请求类型，系统会自动填入。 参数：接口入参，当有入参时，系统会自动展示，本示例不涉及。
内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。
源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 域名：AstroZero环境的域名，需要携带“https://”。 客户端ID：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID，获取方法请参考客户端模式接入认证。
Studio对象预置API一览表 表1 Studio对象预置API一览表 API API说明 registerWidget 定义组件。 registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 数据库类型：数据库支持的类型，按需选择。 域名：数据库所在的域名。 端口：数据库端口，取值范围为0~65535。 架构名称：MS SQL Server数据库的架构名称。当“数据库类型”配置为“MS
HttpUtils工具类预置API一览表 表1 HttpUtils工具类预置API一览表 API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken
接口鉴权方式：设置接口鉴权方式，支持API鉴权、AK/SK、API Key和无身份验证。 API鉴权：填写API鉴权信息后，可在连接器中选择其响应参数，作为连接器请求参数的值。 无身份验证：不需要任何验证信息，直接调用接口，通常用于访问一些公开的接口。 AK/SK：通过访问密钥进行接口鉴权。访问密钥即AK/SK（Access
magno对象预置API一览表 表1 magno对象预置API一览表 API API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。
应用：选择调用自定义接口所属的应用。 API接口：选择待调用的API接口，下拉框中的选项取值为接口的标签，如果接口标签取值为中文，则这里“API接口”显示为中文标签。如果接口标签未定义，则显示接口的操作名称。 请求类型：API接口的请求类型，系统会自动填入。 参数：接口入参，当有入参时，系统会自动展示。
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml()
包页面。当嵌入页面虚拟为不同域名时，可以提高整个页面的加载速度。 图4 配置 页面切换 当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。 页面编辑 单击切换页面后的，新增该组件区域展示的页面，支持选取项目内的其他大屏页面和外部页面。 图5 项目内页面 图6
桥接器数据类型：桥接器的数据源类型，支持“静态数据”和自定义接口“AstroZero API”。 URL：配置为自定义接口的URL。如何查看自定义接口URL，请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时，才显示该参数。 共享数据：是否共享数据。勾选表
直接单击模板，可进入新建项目弹框，直接创建项目和页面。 数据中心 数据中心用于对页面的数据源进行集中的配置管理，支持多种数据源，如静态数据、调用AstroZero API接口、ROMA API接口和AstroZero报表等。 数据源管理：新增并管理关系型数据库、DWS、DLI和AstroZero等数据源。
js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数)
结尾。 APIC服务地址：ROMA Connect服务集成APIC的网关地址，配置该值后，可实现调用ROMA Connect的服务API。 服务集成APIC（API Connect，简称APIC）是ROMA Connect的API集成组件，APIC将数据和后端服务以API形式开放
生产环境：应用正式发布上线的真实环境。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境 域名：提供服务环境的域名，如https://www.demo.com。 生产环境/沙箱环境 租户ID：提供服务环境的租户ID。 父主题： 项目管理
EchartsWidgetTemplate.js init()函数：组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 /* * 组件初始化入口API,初始化组件通用能力，负责注册组件事件和组件动作 */ init() { this._super
例如，将A市交通管理大屏嵌入第三方系统，如图3所示。 图3 安全策略设置样例 其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图4。 图4 将大屏嵌入本地的file中 登录第三方系
生产环境：应用正式发布上线的真实环境。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境 域名：提供服务环境的域名，如https://www.demo.com。 生产环境/沙箱环境 租户ID：提供服务环境的租户ID。 将下载到本地的项目安装包，发送给其他需要安装的用户。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
