检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1 应用页面开发 前提条件 已将页面设计所需要的图片上传到已创建的OBS桶中备用，并获取存储路径。上传图片，请参考上传对象。
“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 拖拽组件至画布，分别输入希望展示的文字。 添加变量，例如state
选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成， 且以英文字母开头。 单击“选择模板”，在右侧展开面板中选择模板。
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。
在下拉框中，分别选择应用服务所属的项目、应用和子域，单击“新增应用服务”。 配置应用服务基本信息。 应用服务名称：输入应用服务名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。 描述：输入应用服务补充说明信息。 图1 新建应用服务 单击“确定”，完成应用服务创建。
在应用服务列表中选择待操作的应用服务，单击“操作”列的“编辑”。 重新配置应用服务的基本信息。 应用服务名称：输入应用服务名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。 描述：输入应用服务补充说明信息。 单击“确定”，完成应用服务编辑。 父主题：
创建子域 使用说明 子域有助于将复杂的业务领域分解为更小、更易于管理和理解的部分。通过识别和创建子域，组织可以更有效地开发和维护应用，同时确保每个子域都能满足其特定的业务需求。 应用管理为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 创建子域
选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成， 且以英文字母开头。 图4 创建页面 单击“保存”。 在弹框中输入历史备份信息，单击“确定”。
可单击“下载自定义组件开发模板”，获取模板，并完成自定义组件开发，具体操作可参考自定义组件开发指南。 单击“点击上传”，上传本地已打包好的物料包。 上传的物料包名称不能与已有的物料包名称重复。 配置物料包基本信息。 表1 基本信息参数说明 参数 说明 物料包名称 自动识别物料包带入信息，无须手动填写。
选择业务对象模板 单击“下一步”。 添加服务依赖后，单击“创建”。 输入变更日志描述信息，单击“创建”。 系统开始创建服务，并生成该服务的代码。 图8 创建服务并生成代码包 父主题： 服务管理
选择项目和服务组，单击“新建服务”。 图2 新增一个服务 设置服务的基本信息。 图3 设置服务基本信息 服务名称：设置待添加服务的名称，由英文字母、数字或“-”组成，且必须以字母开头，一般采用驼峰格式，长度最低为两位。 服务类型：当前仅支持创建原子服务。原子服务是指对外提供业务对象
设置服务的基本信息，单击“确定”。 图2 设置服务基本信息 服务名称：设置待添加服务的名称，生成的服务代码压缩包和解压后的文件会以此命名。服务名称由英文字母、数字或“-”组成，且必须以字母开头，一般采用驼峰格式，长度最低为两位。 图3 代码压缩包名称 服务类型：当前仅支持创建原子服务。原子服
客户端流控策略 必选参数，由英文字母和数字及连字符（-）组成，且只能以英文字母开头，采用驼峰格式。例如，Custom。 长度范围为2~63位。 规则名称 可选参数，仅当勾选了重试、熔断或超时选项后为必填。 规则名称由英文字母和数字及连字符（-）组成，且只能以英文字母开头，采用驼峰格式。 长度范围为2~63位。
模板名称：输入模板名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。 模板类型：默认为业务对象模板，暂不支持修改。 模板范围：根据3选择的项目，确认模板范围。 图1 配置业务对象模板基本信息 在业务设计页面，拖拽所需的对象到设计区，并修改对象名称。 A
参考编辑服务中操作，完成业务模型的配置。 在服务依赖中，单击“创建”。 输入变更日志描述信息，单击“创建”。 系统开始创建服务，并生成该服务的代码。 图1 创建服务并生成代码包 父主题： 服务管理
选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成， 且以英文字母开头。 图3 创建页面 （可选）页面生命周期配置。
重新编译服务 使用说明 服务创建编译完成后，支持再次编译服务并生成新的代码压缩包。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，单击已创建服务后的“更多 > 重新生成”，即可重新生成服务的代码。
选择创建模板的项目 在架构模板页面，单击“新建架构模板”。 配置模板信息后，单击“下一步”。 模板名称：输入模板名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。 模板类型：默认为架构模板，暂不支持修改。 模板范围：根据3选择的项目，确认模板范围。
页面设计完成后，您可以发布为页面模板。当您的业务与模板中的场景相似度较高时，可以直接使用该模板创建页面，并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
务和微服务。 了解服务创建流程 在AstroPro中创建一个服务的流程，如图1所示。 图1 创建服务流程图 新增一个服务 创建一个空服务，并指定服务的版本。创建服务前，请确保已创建项目和服务组。 基本配置 设置服务框架、版本和单元化策略等信息，请根据实际业务直接在界面进行勾选。 框架配置
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
