-
添加组件 - Astro大屏应用 AstroCanvas
AstroCanvas中的页面由可视化组件拼装而成,本章节向您介绍如何添加组件。 操作场景 在AstroCanvas中,组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用,同时支持自定义组件并上传到AstroCanvas中使用。 操作步骤 参考登录Astr
-
了解代码目录结构 - Astro大屏应用 AstroCanvas
editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 {widget}.js:组件逻辑文件,整个Widget的渲染核心JS
-
如何设置Token认证 - Astro大屏应用 AstroCanvas
打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。 父主题: AstroCanvas学堂
-
如何设置分享码 - Astro大屏应用 AstroCanvas
如何设置分享码 操作场景 AstroCanvas支持设置页面分享码,设置后,需要校验分享码才可正常访问页面,以提高安全性。 操作步骤 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目)
-
自定义组件时,如何设置交互事件的输出变量 - Astro大屏应用 AstroCanvas
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
-
如何基于页面级的全局变量实现组件交互 - Astro大屏应用 AstroCanvas
全部”。 单击“新建转换器”,设置转换器的名称和目录,单击“确定”。 在“function filter(dataset) ”中,输入转换器的数据处理代码,其它参数不做配置,单击“保存” return dataset.result 输入上述转换器的数据处理代码,表示获取“result”数据。
-
如何自定义库 - Astro大屏应用 AstroCanvas
如何自定义库 操作场景 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。 操作步骤 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.json元数据描述文
-
如何自定义动作 - Astro大屏应用 AstroCanvas
m。 在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表示,触发当前事件后,会隐藏组件widget16
-
如何解决资产冲突问题? - Astro大屏应用 AstroCanvas
如何解决资产冲突问题? 问题描述 复制项目版本时,所选项目与目标空间存在资产冲突,如图1。 图1 资产冲突 操作步骤 在系统资产冲突提示界面,单击“查看详情”,查看资产冲突详情。 图2 查看资产冲突详情 查看资产冲突详情后,根据自身需要选择处理逻辑,单击“确定”。 转换器冲突,选
-
如何进行设置页面 - Astro大屏应用 AstroCanvas
如何进行设置页面 在大屏页面中,可以对页面进行一些基础的配置,例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小,可以使用默认的屏幕大小,也可以自定义页面的大小,以适配大屏尺寸,推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
-
如何设置页面间参数传递 - Astro大屏应用 AstroCanvas
如何设置页面间参数传递 AstroCanvas开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。
-
如何设置内容安全策略 - Astro大屏应用 AstroCanvas
其中,“URL”为待嵌入大屏的访问地址。在大屏发布页面,单击,即可获取,如图6。 图6 获取大屏URL地址 图7 大屏嵌入效果 如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭(如图8),否则无法正常预览页面。 图8 关闭阻止第三方Cookie 父主题: AstroCanvas学堂
-
组件入门 - Astro大屏应用 AstroCanvas
常开发过程是选择系统预置的Widget模板下载到本地,本地开发好后再上传到组件库中,详情请参见自定义组件说明和自定义组件开发规范。 在AstroCanvas界面“我的资产 > 我的组件”中,将自定义组件上传到组件库中时,“场景”请选择“大屏&PC端”、“移动端”。设置后,该组件才可在页面中展示。
-
如何切换Canvas平台主题颜色 - Astro大屏应用 AstroCanvas
如何切换Canvas平台主题颜色 操作场景 AstroCanvas支持切换平台主题颜色,以便于用户可以按照自己喜欢的界面风格进行设置。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas页面,单击页面右上方“账户名”后的。
-
如何进行版本回退 - Astro大屏应用 AstroCanvas
如何进行版本回退 操作场景 开发者开发某个大屏页面时,希望回退到历史某个页面版本进行编辑。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。
-
AstroCanvas私有化部署 - Astro大屏应用 AstroCanvas
ployApp.log 重启服务:sh restart.sh,执行启动命令后,如果修改了“application.yml”文件,需要执行该命令,重启启动。 停止服务:sh stop.sh 服务启动后,在浏览器中,输入AstroCanvas服务所在服务器的IP地址和端⼝,获取机器码。
-
如何将AstroZero中的大屏项目迁移到AstroCanvas - Astro大屏应用 AstroCanvas
本章节中的操作完成数据迁移,防止云服务资源释放,导致项目数据丢失。 数据迁移 登录AstroZero中的业务大屏界面,导出项目数据。 使用华为账号,登录华为云网站,在顶部导航栏右侧单击“控制台”,进入华为云控制台。 在左侧导航栏上方,单击,选择服务实例所在的区域项目。 单击,在查
-
如何使用高级表格的后台分页功能 - Astro大屏应用 AstroCanvas
如何使用高级表格的后台分页功能 操作场景 后台分页必须和全局变量一起配合使用。要实现后台分页,需要在组件预览时,将数据中的total字段,添加到数据总数中。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 新建一个大屏页面,从“全部组件 >
-
如何使用高级表格的后台筛选功能 - Astro大屏应用 AstroCanvas
新建后台筛选转换器。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“转换器 > 全部”,单击“新建转换器”。 输入转换器名称和分类,单击“确定”。 输入转换器代码,单击“保存”。 let data = [...dataset]; const filter = $pageStore
-
如何在页面URL参数中给全局变量赋值 - Astro大屏应用 AstroCanvas
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变