检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称，并编写函数代码。 图1 添加function工具类 单击“保存”，完成function工具类添加。 添加npm工具类 对于一些简单的公共函数来说，直接添加function工具类会很方便，但是对于
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
单击，进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称，并编写函数代码。 function isNil(value) { return value == null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function
在物料资产包中选择按钮组件，并拖拽至中心画布中。 添加npm utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。 表1 参数说明 参数 示例 名称 Loading 包名 @opentiny/vue 导出名称 Loading
开发自定义认证插件 TokenParser实现类与UserStore实现类，均需注册成bean，并完成bean扫描，确保Spring容器中可获取到对应bean。 实现TokenParser接口 import com.huawei.devspore.plugin.spi.authentication
初识应用设计器 AstroPro设计器可以分为顶部工具栏、左侧插件栏、中间画布区和右侧属性设置面板四个主要界面模块。 图1 AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括： ：撤销上一步的操作。 ：恢复上次撤销的内容。 ：保存当前页面数据。 ：发布页面模板。 ：清空当前画布内容。
子域”。 在顶部下拉框中，选择子域所属的项目和应用，单击“新建子域”。 配置子域的基本信息。 表1 创建子域参数说明 参数 说明 子域名称 输入子域名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置子域的描述信息，只包含数字、大
约束与限制 AstroPro当前支持的区域，如表1所示。 表1 支持的区域 区域名称 区域 华北-北京四 cn-north-4
在顶部下拉框中，选择子域所属的项目和应用。 在子域列表中选择待操作的子域，单击“操作”列的“编辑”。 重新配置子域的基本信息。 表1 编辑子域参数说明 参数 说明 子域名称 输入子域名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置子域的描述信息，只包含数字、大
o界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。 选择已设计完成的页面，单击顶部工具栏。 在弹框中输入页面模板标题及模板描述。 图1 设置模板信息 单击“确定”，完成发布页面模板。发布完成后，可在模板管理中查看。
这样，其他服务可以通过这些客户端库以统一和简化的方式调用已有服务的接口，无需关心服务的具体实现细节。生成的客户端库可以作为服务间通信的标准工具，减少了重复的代码编写，提高了开发效率和代码的可重用性。 配置连接器为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro
删除服务组 使用说明 服务组不再使用时，可以删除已创建的服务组。删除服务组前，请确保服务组中的服务已删除。如何删除服务，请参见删除服务。 单个删除服务组 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“服务管理 > 服务组”。 选择服务组所属的项目，单击待删除服务组后的“删除”。
初识应用设计器 设计前端应用流程 前端开发视频指导 创建前端应用 页面管理 使用组件 属性设置 样式设置 高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 变量管理 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
户欠费。 AstroPro当前仅支持包年/包月购买，对于包年/包月的AstroPro，用户已预先支付了版本费用，因此在华为账户出现欠费的情况下，已有AstroPro套餐仍可用。但仍需注意已购买的AstroPro套餐的生命周期，按时进行续费，保证AstroPro的正常使用。
选择“属性”，文本输入“设置/忘记密码”。 图9 整体页面效果 单击顶部工具栏的，保存页面设计。 步骤四：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 图10 选择生成文件
troPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 您可以选择全量或指定部分文件内容。 图1 选择生成文件 单击“确定”，代码将下载至本地路径。
只有具备工作空间管理员权限的用户，才能为其他用户添加工作空间级角色。 待添加的IAM用户已创建（如IAM用户1）。如何创建IAM用户，请参见创建IAM用户。 IAM用户（如IAM用户1）必须已添加到用户组admin或group。加入用户组后，用户才会具备用户组的权限。若不加入用户
前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在设计器中可根据您的需求设计前端页面，可参考设计前端应用流程进行开发。 单击顶部工具栏的“下载源码”按钮，可根据配置的页面设计，生成应用的基本代码。 代码生成后，会下载至本地，供您使用。 删除前端应用 参考登录AstroP
删除项目 使用说明 删除项目前，请确保已删除项目中的服务组。如何删除服务组，请参见删除服务组。 单个删除项目 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”。 在项目列表中，单击待删除项目后的“删除”。
可以通过模板创建新的服务，减少重复开发，提高交付效率。 前提条件 已完成模板创建，具体操作请参考创建架构模板和创建业务对象模板。 已新建项目。 已创建服务组。 使用模板创建服务 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 >
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
