更新时间:2024-05-24 GMT+08:00

快速体验CAE

云应用引擎(CAE)是一个Serverless的应用托管引擎,实现应用的极简托管。支持从源代码、软件包或容器镜像分钟级快速部署;支持Java/go/Tomcat等主流语言多种运行时,支持web、微服务、APIs等类型应用无缝托管;可以实现基于资源或自定义业务指标的自动弹性伸缩,以应对不可预期的用户访问流量,并且按需收费;可做到基础设施免运维,让用户更加专注于应用业务开发。

本例基于CAE绑定GitHub源码仓库,部署一个前端组件和一个后端组件,实现源码的构建、归档和应用创建。

DEMO的逻辑组网和调用关系图如下:

  • 组件 - CAE-frontend: 使用Vue框架开发的前台界面,作为应用入口,并通过单击测试按钮向后台发起请求。
  • 组件 - CAE-backend: 使用Springboot开发的后台服务,用于处理demo-frontend组件发来的请求。

前提条件

创建环境

  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和内存的使用情况。
    • 单击“组件日志”,显示单个实例的日志信息。