检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 操作步骤 参考使用模板新建页面中操作，创建一个大屏页面。 例如，使用交通管理模板，创建一个大屏应用，命名为A市交通管理大屏。
HttpUtils工具类预置API一览表 表1 HttpUtils工具类预置API一览表 API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml()
形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图5 设置内容安全策略 开启“内容安全策
形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图7 设置内容安全策略 开启“内容安全策
形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图6 设置内容安全策略 开启“内容安全策
形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见如何设置内容安全策略。 图10 设置内容安全策略 开启“内容安全
形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置完成后，在浏览器中打开发布链接地址，输入分享码后，单击，即可在线查看城市交通状态。 图15
Prometheus数据源 操作场景 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 操作步骤 参考登录A
发布项目 操作场景 项目开发完成后，可以直接在线预览，也可以一键打包从A环境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间资产的快速迁移。发布项目，支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前，请确保项目中的页面已发布。 操作步骤
return dataset.result.result 测试数据：转换器处理的验证输入数据，支持手工输入和使用数据集。输入测试数据后，单击“测试”，可进行数据测试。 例如，单击“手工输入”，输入如下示例，单击“测试”后，显示如图2、图3所示效果。 { "resCode":
输入服务器机器码和名称，单击“确定”，生成测试Key。 图11 生成测试Key 其中，“服务器机器码”请配置为2中获取的内容，服务器名称请根据实际情况进行配置。 返回本地部署信息页面，单击服务器机器码后的，下载测试Key文件（runtime.key）。 图12 下载测试Key文件 将获取的测试Key，上传到
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
ROMA连接器配置示例 API接口：API请求路径。 请求类型：请求的类型，如GET、POST。 参数：输入参数，请根据实际请求进行配置。 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
户可根据需求自定开发配置各种逻辑模块化元素，从而创建各种应用。 沙箱环境：在应用正式发布上线前，需要在测试环境进行测试，包含数据配置。 生产环境：应用正式发布上线的真实环境。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境
参数：接口入参，当有入参时，系统会自动展示。 当接口有入参时，单击参数后的“设置全局变量”，可设置变量的默认值。 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，元数据结构由该样例报文经转
户可根据需求自定开发配置各种逻辑模块化元素，从而创建各种应用。 沙箱环境：在应用正式发布上线前，需要在测试环境进行测试，包含数据配置。 生产环境：应用正式发布上线的真实环境。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境
其中pathParam会作为变量名。 返回参数：设置返回参数。在Body中，可以贴一段预期结果的json，使用时可以解析出字段格式。 认证信息设置完成后，单击“测试”，测试接口是否有效。 测试成功后，单击“保存”，完成连接器的创建。 父主题： 连接器管理
[1, 40000000]。 查询配置：单击“新增查询”，可增加promQL查询，最多只支持添加8条，支持设置变量。 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
可进入表达式设置页面。在表达式设置页面，可从下方左侧面板选择字段名、函数或者直接输入函数，如图3。 图3 表达式设置 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
