检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
ROMA连接器数据源 第三方接口或服务通过配置为ROMA连接器的方式,接入外部数据。 新建ROMA连接器数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。
华为云Astro大屏应用使用流程 华为云Astro大屏应用(Huawei Cloud Astro Canvas)是华为云针对可视化大屏场景的低码平台,可以帮助企业轻松实现数据的可视化开发。在使用华为云Astro大屏应用前,建议您先学习本章节内容,了解华为云Astro大屏应用的使用流程。
例如,将A市交通管理大屏嵌入第三方系统,如图2所示。 图2 安全策略设置样例 其中,“frame-ancestors”为固定格式,“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外,还有一种典型的场景是将大屏嵌入本地的file中,如图3。 图3 将大屏嵌入本地的file中 登录第三方系统,在Elements中,增加“<iframe
安全策略。 图7 设置内容安全策略 开启“内容安全策略”时,如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭,否则无法正常预览页面。 图8 关闭阻止第三方Cookie 父主题: 创建页面
新建连接器 操作场景 在华为云Astro大屏应用中,通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 图1 在组件中有引入连接器流程 新建连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。
策略。 图10 设置内容安全策略 开启“内容安全策略”时,如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭,否则无法正常预览页面。 图11 关闭阻止第三方Cookie 父主题: 创建页面
thisObj.getMessages() }) getCsrfToken 通过ajax的方式,调用平台的接口时使用,使用方式参考如下: /* * 如果使用平台桥接器的方式,平台会自动在请求header中添加csrf-token头。 */ HttpUtils.getCsrfT
据源。 数据集管理:新增并管理数据集,配置数据集后,在组件“数据”页签中可选择具体的数据集。 连接器管理:通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 转换器管理:转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 我的资产
安全策略。 图5 设置内容安全策略 开启“内容安全策略”时,如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭,否则无法正常预览页面。 图6 关闭阻止第三方Cookie 父主题: 页面管理
异步加载 引入第三方库 第三方脚本可以通过AstroCanvas平台“库”的能力引入。例如,引入https://www.makeapie.cn/echarts_content/xr1WrPou3b.html案例依赖的第三方脚本D3。 图9 第三方脚本示例 下载第三方脚本到本地PC机,新建文件packageinfo
在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“健康检查”。 开启健康检查。 图1 健康检查 开启健康检查功能后,平台会对页面运行状态进行检查。您也可以根据业务需求,自定义健康检查项。 全选:选中所有的健康检查项。 展示页面加载进度条:勾选后,页面顶部会出现页面加载进度条。
华为云Astro大屏应用企业版”三种实例套餐,请按需购买。 华为云Astro大屏应用基础版:基于平台预置模板、基础组件,快速开发专业水准大屏。 华为云Astro大屏应用专业版:基于平台高阶组件、自定义组件能力,高度还原设计稿大屏。 华为云Astro大屏应用企业版:适用于3D场景开发。
地图配置 地图基本配置 地图类型:地图第三方服务商,如天地图、高德地图和百度地图。 高德/百度/天地图密钥:地图第三方密钥,请自行到对应官网申请。 高德地图第三方密钥,请参考高德开放平台申请。 百度地图第三方密钥,请参考百度地图开放平台申请。 天地图第三方密钥,请参考天地图官网申请。 自
用企业版”三种实例套餐,请根据需要选择按月购买或按年购买。 华为云Astro大屏应用基础版:基于平台预置模板、基础组件,快速开发专业水准大屏。 华为云Astro大屏应用专业版:基于平台高阶组件、自定义组件能力,高度还原设计稿大屏。 华为云Astro大屏应用企业版:适用于3D场景开发。
资源设置 库是支撑页面组件运行的第三方依赖,如果缺少相应的库,则组件不能正常运行。在项目的资源设置中,您可以管理页面中使用到的库。 资源设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。
流类型等。视频流组件中,配置项的配置高于数据配置。 图4 视频流配置 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时,可以设置是否静音播放。 数据 在数据中,设置视频流组件的数据来源,更多介绍请参见数据接入。
安全策略。 图6 设置内容安全策略 开启“内容安全策略”时,如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭,否则无法正常预览页面。 图7 关闭阻止第三方Cookie 父主题: 创建页面
版”三种实例套餐,各套餐的功能说明如表1所示,具体计费详情请参见AstroCanvas产品价格详情。 华为云Astro大屏应用基础版:基于平台预置模板、基础组件,可快速开发专业水准的大屏。 华为云Astro大屏应用专业版:除了具备基础版本的能力,还提供了高阶组件、自定义组件能力,高度还原设计稿大屏。
式使用该模板创建页面。 方式一:在图2中的“预置模板”下,可查看到已审批的模板,并使用该模板新建页面。 方式二:登录华为云Astro低代码平台。在“资产中心”中,可查看到该模板,并可使用该模板新建页面。 父主题: 页面管理
应用界面。 在华为云Astro大屏应用页面,将鼠标放在“默认团队空间”上,选择“新建与管理”,跳转到华为云Astro低代码平台。 在华为Astro低代码平台的“组织管理 > 角色与权限 > Astro Canvas”中,单击“创建工作空间”。 输入空间名称(如工作空间A),单击“保存”。