检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts，请提前了解。
图片默认为匿名可访问，请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图：使用项目中，页面的缩略图，作为当前项目的封面。 上传封面：单击“上传封面”，从本地上传图片作为项目的封面。建议使用596*328尺寸的图片。 默认封面：使用系统提供的默认封面，作为当前项目的封面。 父主题： 项目管理
在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待删除的页面上，单击。 在弹出的提示框中，单击“确定”，即可删除该页面。 页面删除后，不可恢复，删除前请确认无需再使用该页面。 父主题： 页面管理
对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义，获取转义后的字符串供页面显示用，使用方式参考如下： /* * @param {*} text */ SafeUtils.escapeHtml(text) // 方法返回转义后的字符串
欠费说明 用户在使用AstroCanvas时，账户的可用额度小于待结算的账单，即被判定为账户欠费。 AstroCanvas当前仅支持包年/包月购买，对于包年/包月的AstroCanvas，用户已预先支付了资源费用，因此在账户出现欠费的情况下，已有的AstroCanvas实例仍可正
inReader 判断当前页面状态是开发态或预览态。 registerWidget 必须在{widget}.editor.js中注册组件，使用方式参考如下： /* @param {string} widgetName * @param {string} description
单击操作列中的，可删除上传的组件包。 上传成功后，返回我的组件页面，可查看到已上传的组件。 图2 查看已上传的BarGraph组件 在大屏页面中使用自定义组件。 参考使用空白画布新建页面中操作，新建一个大屏页面。 在大屏页面的“全部组件 > 其它”中，找到BarGraph组件，拖入到画布中。 图3
续费简介 包年/包月AstroCanvas到期后，会影响AstroCanvas正常运行。如果您想继续使用，需要在指定的时间内为AstroCanvas续费，否则已创建的项目、页面等功能的使用可能将会受限。AstroCanvas在到期前续费成功，AstroCanvas的运行不受影响。 如
运行容器：选择项目包的运行容器。 Astro Canvas：使用该运行容器下载的项目包，可在其他AstroCanvas环境的项目列表中，通过单击“导入项目包”进行安装使用，实现将环境A迁移项目到环境B。 OneMobile：使用该运行容器下载的项目包，可在华为OneMobile上安装
添加组件 在AstroCanvas中，组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用，同时支持自定义组件并上传到AstroCanvas中使用。 添加组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，按照组件分类，查找到对应组件。
鉴权，保证大屏的URL访问链接的参数不能被篡改，从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍，请参见AstroCanvas分享页Token签名校验使用说明。 设置Token认证 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。
设置空间页面配额 项目 创建大屏&PC端项目 创建移动端项目 设置项目锁 通用设置 健康检查设置 设置项目封面 页面 使用模板创建页面 使用页面模板文件新建页面 使用空白画布新建页面 为页面添加组件 设置页面数据 设置交互方式 资产迁移 发布项目 安装项目 常见问题 了解更多常见问题、案例和解决方案
将鼠标放在待修改的页面上，单击。 修改页面标题，单击“更新”。 图1 编辑页面设置 页面标题：输入页面的标题，长度为1~100个字符。 页面描述：通常设置为页面的功能或使用场景。 父主题： 页面管理
解压已下载的模板，修改桥接器模型名称。 桥接器模型名称需要和使用该自定义桥接器的组件中定义的模型名称相同，否则在组件中设置数据源时，桥接器实例无法选择到该桥接器。 桥接器模型名称可在使用该桥接器的组件中查看。例如，在玫瑰花饼图中使用自定义桥接器，请按照如下操作获取模型名称。 返回Ast
详情、查看历史版本和下载操作。本章节的操作，均以自定义库为例。 新建自定义库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo
管理页面版本 使用AstroCanvas开发大屏、移动端页面，支持通过管理页面版本，设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在AstroCanvas中，如下两个场景会使用到页面版本： 场景一：开发者开发好第一个页面版本后，发布呈现给用户。然后继
约束与限制 AstroCanvas实例 表1 AstroCanvas实例规格约束与限制 限制项 约束与限制 实例版本 AstroCanvas目前支持的实例版本有：Astro大屏应用基础版、Astro大屏应用专业版和Astro大屏应用企业版。 Astro大屏应用基础版：基于平台预置
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
