管理高级组件版本

使用说明

当开发的自定义组件功能有变动，即组件代码发生变动后，需要更新组件版本，在高级页面中才会生效。本章节以更新组件模板中的widgetVueTemplate组件为例，向您介绍如何管理组件版本。

前提条件

已下载组件模板中的widgetVueTemplate，并已将其上传到自定义组件仓库中。

更新组件

1. 参考如何登录经典版环境配置中操作，登录经典版开发环境管理中心。
2. 在左侧导航栏中，选择“应用管理 > 页面资产管理 > 组件”。
3. 在组件列表中，查找到待更新的自定义组件。
   图1 查找待更新组件
   

4. 单击待更新的组件，进入组件详情页。
   图2 组件详情页
   

5. 更新组件。
   • 方式一：通过组件源码包更新

     在组件详情页中，单击“更新”，上传最新的组件源码压缩包。

     1. 将开发完成的组件，压缩成后缀为.zip类型的压缩包。
     2. 在组件详情页面，单击“更新”，进入更新组件页面。
     3. 选择5.a中的组件包，单击“更新”。
     4. 返回组件详情页，可查到新上传的组件版本。
        图3 新组件版本
        
   • 方式二：在线编辑更新
     1. 单击“编辑”，进入组件在线编辑器。
     2. 在编辑器中，单击页面右上角的，获取锁。
        图4 获取锁
        
     3. 锁定后，根据自身业务需求，在线修改组件文件。

        以修改widgetVueTemplate.js文件中，name变量值为“AppCube Studio”为例，向您介绍如何在线编辑组件。

        图5 在线编辑组件示例
        
     4. 修改完成后，单击页面右上角的，进入更新组件页面。
     5. 单击“更新”，返回组件详情页面。
     6. 单击“预览”，可查看到展示文本已变为“Hello, I am AppCube Studio”。

        

管理组件版本

若更新的组件已用于高级页面中，需要在“页面设置 > 插件”页签中，更新组件版本，更新后的组件才可在高级页面中生效。

1. 参考如何登录经典应用设计器中操作，登录经典版应用设计器。
2. 在页面下方，单击“页面设置”，进入页面设置。
   图6 管理组件版本示例
   

3. 单击页面左上角的，获取锁。
4. 在“插件”页签，单击“检查更新”。
5. 在组件列表中，单击组件后的，更新组件。