检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 拖拽组件至画布，分别输入希望展示的文字。 添加变量，例如state.
图1 开启“是否启用扩展拦截”配置 登录AstroPro控制台，单击“进入首页”，进入AstroPro实例。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，选择对应服务，单击“操作”列“编辑”，进入服务编辑页面。 在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。
升级Astro Pro实例版本。 编辑子域 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 应用管理 > 应用服务”。 在顶部下拉框中，选择子域所属的项目、应用和子域。 在应用服务列表中选择待操作的应用服务，单击“操作”列的“编辑”。
实现动态样式的调整和布局的优化。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 添加变量，例如：bgcolor，用来控制背景颜色；color，用来控
升级Astro Pro实例版本。 关联服务 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 应用管理 > 应用服务”。 在顶部下拉框中，选择子域所属的项目、应用和子域。 单击“关联服务”，在弹框中选择需关联的服务及版本。 当
您也可以不使用默认的服务组，直接新建一个服务组。 参考步骤1：创建项目中操作，创建一个项目。 项目创建后，在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务组”。 在项目后的下拉框中，选择1中创建的项目，单击“新建服务组”。 设置服务组的基本信息，单击“确定”。 图1 设置服务组基本信息
o Pro实例版本。 查看自定义组件物料包 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 鼠标悬浮在待更新的物料包上，将显示操作图标。 单击预览按钮，进入物料包详情页面。 图1 查看物料包详情 查看物料包基础
stro Pro实例版本。 更新自定义组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 鼠标悬浮在待更新的物料包上，将显示操作图标。 图1 显示操作图标 单击更新按钮，进入更新物料包页面。 单击“点击上传”，重新上传本地已打包好的物料包。
服务组删除后不可恢复，请谨慎操作。 批量删除服务组 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务组”。 选择服务组所属的项目。 勾选待删除的服务组，单击“批量删除”。 在弹出的确认框中，单击“确认”，即可批量删除服务组。
升级Astro Pro实例版本。 编辑应用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 应用管理 > 应用”。 在项目下拉框中，选择应用所属的项目。 在应用列表中选择待操作的应用，单击“操作”列的“编辑”。 重新配置应用的基本信息。
绑定事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。
下面将通过两个示例分别展示如何使用JS面板。 为组件添加单击事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。
Astro Pro实例版本。 创建架构模板 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 资产库 > 架构模板”。 在顶部项目下拉框中选择对应项目或工作空间，即可设置模板的范围。 全局模板为系统预置模板，不可编辑。 选择对
已参考新建项目中操作，创建项目。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务组”。 在项目后的下拉框中，选择新建项目中创建的项目，单击“新建服务组”。 设置服务组的基本信息，单击“确定”。 图2
可以在应用的任何一个页面调用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。 选择“应用状态”，单击“添加全局变量”。
升级Astro Pro实例版本。 创建应用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 应用管理 > 应用”。 在项目下拉框中，选择应用所属的项目，单击“新建应用”。 配置应用的基本信息。 表1 应用基本参数说明 参数 说明
已创建的服务组名称不会随之改动。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”。 在项目列表中，单击新建项目中已创建项目后的“编辑”。 按需修改项目的基本信息，单击“确定”。 图1 修改项目的基本信息
图2 查看apiVersion取值 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，选择已创建服务后的“更多 > 新增版本”。 图3 选择新增版本 在“基本配置 > 详细配置 >
当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名，例如
面中进行调用。 添加function工具类 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“function”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
