快速体验CAE

操作视频

前提条件

• 已注册华为账号并开通华为云，并登录成功。
• 在GitHub官网注册账号，并创建私人令牌，以便服务后期的授权使用。

  GitHub地址：

  • demo-frontend：https://github.com/servicestage-demo/cae-frontend
  • demo-backend：https://github.com/servicestage-demo/cae-backend

创建环境

1. 登录CAE控制台，在您首次使用本服务时，页面会提醒您尚未创建环境。
2. 单击“立即创建”，进入创建环境页面，参考表1填写相关信息。

   表1 创建环境

   参数	说明
   环境名称	输入自定义的环境名称。
   企业项目	设置企业项目。 企业项目管理提供了一种按企业项目管理云资源的方式，帮助您实现以企业项目为基本单元的资源及人员的统一管理，默认项目为default。 开通企业项目后可以使用。
   虚拟私有云	下拉框中选择环境资源所在VPC。 如需创建VPC，请单击“创建虚拟私有云”，具体操作参考创建虚拟私有云。 说明： 环境创建完成后，不支持修改VPC。
   子网	下拉框中选择环境子网。 无可用子网时，单击“创建子网”，进入网络控制台创建新子网，具体操作参考为虚拟私有云创建新的子网。 说明： 子网需要保留至少2个可用网络IP地址，以供CAE配置和优化使用，如果不满足条件，会创建失败。
   安全组	选择“自动生成”。 说明： 安全组需要放通所选择的子网到子网网关地址，以及需要访问的中间件如RDS，CSE等服务的访问地址和端口。
   组织	如果您是首次使用本服务，在该下拉框中选择“创建组织”，输入自定义的组织名称。

3. 单击“确定”，界面跳转显示“环境创建中”及进度，创建环境完成。

新增应用

1. 在左方菜单栏单击“组件列表 ”。
2. 顶部“应用”右侧单击 ，可新增应用。
3. 输入应用名称，例如：cae_test。
4. 单击“确定”，新增应用完成。

新增组件

创建前端组件：

1. 在所创建的应用下，单击“新增组件”。
   

   新增组件的另一个入口：也可在概览页“快速入门”模板下，单击“立即体验”。选择对应的环境和应用，单击“一键部署”，即可创建一个demo-backend组件和一个demo-frontend组件。

2. 填写组件信息。
   • 组件名称：输入“cae-frontend”，可自定义。
   • 版本号：默认“1.0.0”，可自定义。
   • 实例规格：保持默认值，可修改。
   • 实例数量：保持默认值，可修改。
   • 代码源：选择源码仓库GitHub，然后设置“授权信息”、“用户名/组织”、“仓库名称”和“分支”。
     1. 初次使用时授权信息需自行创建，单击右侧“新建授权”，填写“授权名称”和“授权方式”。
        • 授权名称：保持默认值，可修改
        • 授权方式：私人令牌
        • 私人令牌：到github网站获取，可单击右侧查看详情。
     2. 单击“确定”，完成授权创建后返回填写“用户名/组织”、“仓库名称”和“分支”。
        • 用户名/组织：选择github对应创建的用户名/组织。
        • 仓库名称：选择cae-frontend。
        • 分支：master。
   • 语言/运行时：选择“Nodejs8”。
   • 自定义构建：选择“使用默认命令或脚本”。

3. 单击“创建组件并部署”，在弹框中单击“立即部署”。等待组件完成。
   

   • 配置组件：单击“配置组件”，跳转到组件配置页面，可参考组件配置，配置完毕之后再单击“配置并部署组件”，完成组件配置及部署。
   • 创建组件并部署：直接创建并部署组件。当不需要对组件进行单独配置的情况下可以选择这种方式部署。
   • 取消：取消创建组件，组件信息不会保存。

创建后端组件：

1. 在所创建的应用下，单击“新增组件”。
2. 填写组件信息。
   • 组件名称：输入“cae-backend”，可自定义。
   • 版本号：默认“1.0.0”，可自定义。
   • 实例规格：保持默认值，可修改。
   • 实例数量：保持默认值，可修改。
   • 代码源：选择源码仓库GitHub，然后设置“授权信息”、“用户名/组织”、“仓库名称”和“分支”。
     1. 初次使用时授权信息需自行创建，单击右侧“新建授权”，填写“授权名称”和“授权方式”。
        • 授权名称：保持默认值，可修改
        • 授权方式：私人令牌
        • 私人令牌：到github网站获取，可单击右侧查看详情。
     2. 单击“确定”，完成授权创建后返回填写“用户名/组织”、“仓库名称”和“分支”。
        • 用户名/组织：选择github对应创建的用户名/组织。
        • 仓库名称：后端组件选择cae-backend。
        • 分支：master。
   • 语言/运行时：选择“java8”。
   • 自定义构建：选择“使用默认命令或脚本”。

3. 单击“创建组件并部署”，在弹框中单击“立即部署”。等待组件完成。

组件配置

前端组件配置访问方式

1. 在左侧导航栏中选择“组件配置”。
2. 在“组件配置”页面上方的下拉框中选择“cae-frontend”组件。
3. 单击“访问方式”模块中的“编辑”。
4. “从环境外部访问本组件”页面，选择“负载均衡配置”，并单击“添加负载均衡配置”。
5. 参考表2进行配置。

   表2 负载均衡外网访问配置

   参数	参数说明
   负载均衡器	选择“内置负载均衡器”。
   访问控制	使用默认值：允许所有IP访问。 如果您配置了访问控制白名单或黑名单，则只有在白名单内或在黑名单外的IP能够访问组件。
   健康检查	使用默认值“启动”。
   端口配置	协议：选择TCP。 监听端口：填写为8080。 访问端口：任选0~65535之间合法端口，例如20004。 端口号唯一，避免冲突。

6. 单击“确定”，完成前端组件访问方式配置。
7. 单击页面上方“生效配置”。在右侧弹框中确认配置信息，并单击“确定”，使配置生效。

后端组件配置访问方式

1. 在“组件配置”页面上方的下拉框中选择“cae-backend”组件。
2. 单击“访问方式”模块中的“编辑”。
3. 选择“负载均衡配置”，单击“添加负载均衡配置”，参考表3进行配置。

   表3 负载均衡外网访问配置

   参数	参数说明
   负载均衡器	选择“内置负载均衡器”。
   访问控制	使用默认值：允许所有IP访问。 如果您配置了访问控制白名单或黑名单，则只有在白名单内或在黑名单外的IP能够访问组件。
   健康检查	使用默认值“启动”。
   端口配置	协议：选择TCP。 监听端口：填写9090。 访问端口：任选0~65535之间合法端口，例如20001。 端口号唯一，避免冲突。

4. 单击“确定”，完成后端组件访问方式配置。
5. 单击页面上方“生效配置”。在右侧弹框中确认配置信息，并单击“确定”，使配置生效。

前端组件配置环境变量

1. 在“组件配置”页面上方的下拉框中选择“cae-frontend”组件。
2. 单击“环境变量”模块中的“编辑”。
3. 单击“新增环境变量”，参考表4进行配置。

   表4 环境变量参数

   参数	参数说明
   变量名称	填写为“VUE_APP_BASE_URL”。
   变量/变量引用	填写为“后端的访问地址”，可以在“组件列表”获取，如图1所示。

   图1 获取后端访问地址
   
   图2 配置前端环境变量
   

4. 单击“保存”后，单击“确定”完成配置。
5. 单击页面上方“生效配置”。在右侧弹框中确认配置信息，并单击“确定”，使配置生效。

访问应用

1. 在左侧导航栏中选择“组件列表”，进入“组件列表”页面。
2. 单击“cae-frontend”组件“访问地址”列的公网地址，可查看应用页面。
   图3 访问应用页面
   
   

   若您选择内网访问方式，则需要登录集群节点使用curl命令访问。具体操作可参考内网访问。

应用运维

1. 在“概览”页面可以查看组件健康状况以及资源使用情况等。
2. 选择想要查看的环境，应用和组件。
   • 单击“组件事件”显示组件的整个活动过程。
   • 单击“组件监控”，显示当前组件运行的实例数，以及各个实例的cpu和内存的使用情况。
   • 单击“组件日志”，显示单个实例的日志信息。