检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置服务框架、版本和单元化策略等信息,请根据实际业务直接在界面进行勾选。 框架配置 设置服务的架构、数据库、缓存和安全认证等信息,请根据实际业务直接在界面进行勾选。 生成策略 设置服务的API、代码风格、部署和性能测试等信息,请根据实际业务直接在界面进行勾选。 业务设计 基本配置、框架配置和生成策
run build命令进行构建。 如果执行命令时提示找不到,请先使用“npm install”安装依赖。 构建完成后将在本地生成压缩包,即开发完成的组件物料包。 图7 执行构建 打包的物料包会取根目录package.json里面的name和version进行命名压缩包名字,格式为
单击“选择模板”,在右侧展开面板中选择模板。 图1 选择模板 单击“确定”,完成模板选择。 鼠标悬浮在页面模板图标上,将显示操作按键,可对选择的模板进行预览、更新和删除。 图2 模板更新删除 (可选)页面生命周期配置。 单击“添加页面生命周期”。 选择生命周期函数,例如onMounted、setUp、onUpdated等。
研发团队等维度对项目进行划分服务组,每个服务组会开发若干个服务,服务之间也会存在相互调用的服务依赖。 项目 项目是一个功能相对完备的业务系统,通常情况下由一个或多个服务组组成。项目是使用AstroPro核心业务的入口。 服务组 服务组用于对某个项目中的服务进行分组,一般一个分组对应一个研发团队。
颜色,具体操作请参考添加页面变量。 图1 添加变量 画布中选中组件,在组件属性设置面板选择“样式”。 单击行内样式的编辑框后的。 在弹框中进行变量绑定。 图2 绑定变量 单击“确定”,变量绑定完成。 通过修改变量,查看组件样式展示效果。 图3 修改前样式 图4 修改变量 图5 修改后样式
选中文案参数旁的,进行变量绑定。 输入变量,例如:t('lowcode.67564435'),其中lowcode.67564435为词条的key值,可参考复制词条键值获取。 图6 绑定变量 单击“确定”,变量绑定完成。 单击顶部工具栏的中英文切换按钮,可进行中英文切换。 图7 中文显示
创建企业核心应用流程图 创建项目 项目是使用AstroPro核心业务的入口。在使用AstroPro前,需要先创建一个项目。 创建服务组 服务组用于对项目中的服务进行分组,一般一个分组对应一个研发团队。创建项目后,默认会创建一个和项目同名的服务组,所有新建服务默认在此分组下。 添加服务 在新增服务界面,通过简单的配置,完成服务框架的搭建。
预先支付了版本费用,因此在华为账户出现欠费的情况下,已有AstroPro套餐仍可用。但仍需注意已购买的AstroPro套餐的生命周期,按时进行续费,保证AstroPro的正常使用。
配置属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板,对当前选中组件进行属性设置。 参数说明 通用参数: id:规定HTML元素的唯一的id。 className:用于属性定义元素的类名;通常用于指向样式表的类和JavaScript中。 ref:接受一个内部值,返回一个
stroPro-SDK。 如果您能访问外网并下线maven依赖,则可通过修改maven settings.xml文件来配置华为开源镜像仓库进行依赖管理,具体配置如下: 在profiles节点中添加如下内容: <profile> <id>MyProfile</id>
所有的操作都是在实例内进行,不同实例间的资源相互隔离。 基础版实例当前为免费使用,仅能满足个人及创业团队的基础需求。基础版和专业版实例支持的特性差异,请参见产品规格差异。为了便于您更好的了解AstroPro,本指南中操作及截图均以专业版/企业版实例为例进行介绍。 购买基础版实例 进入购买Astro企业应用实例页面。
添加变量,例如state.isLogin,具体操作可参考添加页面变量。 图1 添加变量 选中组件,在组件属性设置面板选择“高级”。 单击“是否渲染”后的,进行变量绑定。 图2 绑定变量 选项绑定的变量,单击“确定”。 绑定成功后可根据变量state.isLogin的值,查看渲染效果。 图3 state
服务单元化策略:服务在子域内的单元化策略。服务单元化策略必须在一个子域内定义,不能跨子域。 创建服务仅支持SINGLE,即单库,无论子域是否进行单元化部署,该服务只在一个单元(一般以region为单元)内部署。编辑服务时可修改单元化策略。 API版本:指定服务的API版本,对应服务
在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在设计器中可根据您的需求设计前端页面,可参考设计前端应用流程进行开发。 单击顶部工具栏的“下载源码”按钮,可根据配置的页面设计,生成应用的基本代码。 代码生成后,会下载至本地,供您使用。 删除前端应用
onClickNew(eventArgs, extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”,弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”,绑定事件完成。 父主题: 配置高级设置
域、支撑子域和通用子域。 创建服务时,仅支持SINGLE,即单库,无论子域是否进行单元化部署,该服务只在一个单元(一般以region为单元)内部署。服务创建后,在步骤4:编辑服务中编辑元数据时,可进行修改。 API版本:指定服务的API版本,对应服务metadata.json文件
约束与限制 框架转换为Astro Pro专业版/企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 目前只支持对Dubbo框架进行转换。 查看转换规则组 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“后端开发平台 > 框架转换”。
选择物料包封面,默认为导入时选择的封面。 图1 导入物料包 单击“确定”,完成物料包导入。 导入成功后,可进入前端应用设计器,直接拖拽物料资产包中自定义组件进行页面设计。 图2 导入成功 图3 查看并使用自定义组件 父主题: 物料中心
计费项 计费说明 根据您选择的版本规格进行计费。购买专业版套餐后,计费项还包括扩容包。 表1 AstroPro计费项 计费项 计费项说明 适用的计费模式 计费公式 套餐规格 AstroPro提供了两种不同的规格套餐,请根据自身需求,购买相应的规格套餐。 基础版:满足个人及创业团队
量。 页面JS中可以通过this访问当前页面的state,全局的stores, 以及t函数(获取国际化词条)。 下面将通过两个示例分别展示如何使用JS面板。 为组件添加单击事件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 >