检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击预览按钮，进入物料包详情页面。 图1 查看物料包详情 查看物料包基础信息，包括物料包名称，物料包版本，描述，创建人，及导入时间。 图2 查看物料包基础信息 单击“版本列表”，查看版本信息，包括物料包名称，物料包版本号，变更时间。
单击待编辑应用模块内的“开发应用”，进入设计器。 拖拽组件至画布，分别输入希望展示的文字。 添加变量，例如state.isLogin，具体操作可参考添加页面变量。 图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“是否渲染”后的，进行变量绑定。
单击应用模块内的“开发应用”，进入设计器。 在设计器中可根据您的需求设计前端页面，可参考设计前端应用流程进行开发。 单击顶部工具栏的“下载源码”按钮，可根据配置的页面设计，生成应用的基本代码。 代码生成后，会下载至本地，供您使用。
进入华为云官网，单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作，完成注册。 注册后参考个人账号如何完成实名认证或企业账号如何完成实名认证中操作，完成个人或企业账号实名认证。 执行本入门中操作，只需购买一个AstroPro基础版实例。
单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名，例如 .test，并设置全局样式，此时状态选择器默认为None。 在状态选择器下拉框中选择状态，例如hover，并设置全局样式。
图1 显示操作图标 单击更新按钮，进入更新物料包页面。 单击“点击上传”，重新上传本地已打包好的物料包。 重新上传物料包前需删除原文件，否则上传失败。 更新的物料包名称需与原文件物料包名称一致。 更新的版本号自动递增，例如更新前版本号为0.0.1，则更新后版本号为0.0.2。
单击待编辑应用模块内的“开发应用”，进入设计器。 添加变量，例如：bgcolor，用来控制背景颜色；color，用来控制字体颜色，具体操作请参考添加页面变量。 图1 添加变量 画布中选中组件，在组件属性设置面板选择“样式”。 单击行内样式的编辑框后的。 在弹框中进行变量绑定。
单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。 选择“应用状态”，单击“添加全局变量”。 设置变量基本信息。 stores：是包含所有状态（state）、视图（view）和行为（actions）的容器。
操作步骤 进入购买Astro企业应用实例页面。 “实例规格”选择“基础版”，设置购买时长，单击“立即购买”。 图1 选择购买规格 确认订单无误后，单击“去支付”。 图2 确认订单 选择支付方式，单击“确认付款”，完成支付。 订单支付成功后，单击“返回Astro企业应用控制台”。
进入AstroPro服务控制台，在已购买的实例中单击“进入首页”，进入AstroPro界面。 在左侧导航栏中，选择“服务管理 > 项目”，进入项目页面。 首次进入时，请单击“确认”，开通工作空间。工作空间是为了方便用户全面管理资源而提供的通用空间。
图1 自动续费配置 在续费管理页面开通自动续费 进入“费用中心 > 续费管理”页面。 自定义查询条件。 在“自动续费项”页签，查询已经开通自动续费的资源。 对“手动续费项”、“到期转按需项”和“到期不续费项”页签的资源，开通自动续费。
单击待编辑应用模块内的“开发应用”，进入设计器。 拖拽组件至画布，例如拖拽一个“段落”组件。 添加变量，例如loop.isLogin，具体操作可参考添加页面变量。 图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“循环数据”后的，进行变量绑定。
单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。 选择“页面状态”，单击“添加变量”。 设置变量基本信息。 变量名：输入变量名称，变量名称只能以字母或下划线开头，且仅包含数字、字母及下划线。
单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 配置数据源类型（可选对象数组、树结构），数据源名称以及数据源字段。 图1 创建数据源 图2 新增数据源字段 单击“保存”，完成数据源创建。
图3 生成客户端的代码 客户端类型：目前仅支持“OPEN_FEIGN” 设置完成后，单击“下一步”，进入框架配置页面。 父主题： 编辑服务
进入AstroPro服务控制台。 在左侧导航栏中，选择“前端开发平台 > 前端应用”，单击“创建应用”。 输入应用名称及应用描述。 图2 创建应用 单击“确定”，完成应用创建。 步骤二：新建一个页面 单击“开发应用”，进入前端设计器。
单击“编辑脱敏规则”，进入脱敏规则编辑界面。 选择模板并添加脱敏规则。 一个字段只能添加一个脱敏规则。 例如，将移动电话的第2位到第5位数字进行脱敏处理。 图3 添加校验规则 单击“确定”，完成自定义字段类型创建。
购买实例 进入购买Astro企业应用实例页面。 “实例规格”选择“企业版”，其他参数按需进行设置，单击“立即购买”。 图1 选择购买规格 确认订单无误后，单击“去支付”。 以购买企业版一年为例，若为基础版，此处配置费用为“0”。
是否启用扩展拦截：通过引入devspore-horizon插件，用户自定义继承抽象类Approve和添加配置，在请求进入和返回时增强处理。
单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在样式面板中设置组件样式。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
