检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
登录华为云Astro大屏应用界面。 在项目列表页面中，单击“导入项目包”。 图1 导入项目包 选择本地已创建好的项目包，单击“打开”，即可将项目导入到华为云Astro大屏应用。 导入成功后，在项目列表中，可查看到已导入的项目，并根据自身业务需求，进行二次开发。当所选项目与目标空间
添加可视化应用。 在项目列表中，单击“导入项目包”。 选择2中下载的可视化应用本地部署包（AstroCanvas_项目名_随机编码.zip）。 在项目列表中，可查看到项目已成功导入。 图17 查看导入的项目 配置数据源密码和加密字段。 在运行环境中导入可视化应用本地部署包后，如果应用包
两种模式设置静态数据。设置为“Excel模式”时，可执行如下操作： 单击“文件导入”，可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件，且文件大小不能超过100KB。 执行导入操作前，请单击“？”，查看当前组件对静态数据字段的要求。例如，玫瑰花饼图要求静
{ if (cbk) { this._super(); cbk(); } }, }); // 注册组件，必填 window.Studio.registerWidget('EchartsWidgetTemplate', 'EchartsWidgetTemplate'
运行容器：选择项目包的运行容器。 Astro Canvas：使用该运行容器下载的项目包，可在其他华为云Astro大屏应用环境的项目列表中，通过单击“导入项目包”进行安装使用，实现将环境A迁移项目到环境B。 OneMobile：使用该运行容器下载的项目包，可在华为OneMobile上安装运行
步骤一：注册账号并实名认证 使用华为云Astro大屏应用前，需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号，可直接跳过如下操作，但需要确保账号有足够的金额。 进入华为云官网，单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作，完成注册。 注册后参考实名
安装项目 在项目发布的版本管理中，可下载对应版本的项目包并在其他环境安装项目。例如，在A环境下载项目包，在B环境安装。 约束与限制 在B环境导入项目时，如果当前环境中不包含同名的数据源，会从项目包中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击，重新配置。
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件，用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
静态数据数据集 静态数据录入，支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。
式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget
registerConnector：用来定义桥接器。 Studio.registerEvents：用于注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。参数说明如下： thisObj：当前组件实例对象，指为该组件注册事件。 eventName：事件名称，应该与触发事件API中的第一个参数保持一致。
在已购买的华为云Astro大屏应用中，导入项目。 在华为云Astro轻应用服务控制台的左侧导航栏中，单击“Astro大屏应用”。 在已购买的华为云Astro大屏应用实例中，单击“进入首页”，进入华为云Astro大屏应用界面。 在项目列表页面，单击“导入项目包”。 图3 导入项目包 选择1.h中导出的项目包，单击“打开”。
data中。 fields[0].desc 变量的中英文描述，可选配置。 在组件的“global_SelectWidget.js”文件中，注册名称为“sendSelect”的事件。 示例代码如下： var global_SelectWidget = StudioWidgetWrapper
Name' }, }, ], }, }, clickSeries字段对应组件{widget}.js文件中，注册的事件id。 window.Studio.registerEvents(this, 'clickSeries', { zh_CN:
registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader 判断当前页面状态是开发态或预览态。
新建一个项目 项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面，详情请参见创建项目。 导入项目包 从本地导入已创建的项目包，实现离线迁移、部署项目，详情请参见导入项目。 添加项目分组 支持新建分组，用于集中管理项目。 试试从模板开始 展示系统推荐的模板，可以直接基于推荐的模板快速创建大屏页面。
项目管理 设置项目锁 通用设置 组件设置 资源设置 健康检查设置 复制项目版本 修改项目名称 访问项目 删除项目 下载项目 导入项目 设置项目封面
组件销毁前的回调函数，组件自己实现继承。 init 组件初始化入口API，以SelectWidgetTemplate组件为例，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下： init() { this._super.apply(this, arguments);
响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
