快速上手

本文档将展示如何快速运行CADT 提供的API 集成Demo样例，体验基于CADT API给云管开发带来的快速集成能力。并提供二次开发的步骤，方便进行深度定制。

实现效果

复制CADT模板

1、首先登录阿里云，进入CADT产品控制台，进入CADT官方模板库

2、进入“API对接官方模板”板块，找到“云管Demo模板*”，将这些模板另存为私有模板。

下载Demo程序包

git clone https://best-practice:Abcd123456@codeup.aliyun.com/best-practice/bp/cram.git

下载后会包含以下两个文件

• README.MD 版本历史说明

• cram.jar Demo应用程序

• cramV2*.zip 源码包（包含前端和后端）

运行程序前提

• 需要有一个java运行环境。

• 需要提前准备好一个AKSK，并配置在环境变量中

export ALIBABA_CLOUD_ACCESS_KEY_ID=LTxxxxxxxxxx
export ALIBABA_CLOUD_ACCESS_KEY_SECRET=xxxxxxxxxxxxxxxx

运行Demo程序

java -jar cram.jar

通过浏览器访问以下地址即可打开Demo页面

http://localhost:7777

首页展示的是CADT的应用列表

体验资源申请

在云管页面中，选择购买地域，选择产品类型为“云服务器ECS”后，会显示CADT的模板列表。

选择了模板后， 会对应渲染产品的购买参数，以及网络配置

二次开发

此方案提供的样例代码包含了两个工程文件

• cramV2-20241231.zip 后端代码，包含后端部分以及前端打包后的js/css/index.html文件

• cramV2portal-20241231.zip 纯前端代码。可以自行打包编译后更新到后端的项目中。

后端项目

后端项目的目录文件架构。

在线运行后端项目

前端项目

前提条件

• 需要本地安装Node，NPM 工具

• 使用IntelliJ等IDE打开项目

项目编译

执行以下命令进行安装和编译

npm install

npm run build

在线调试

首先需要将上述的后端服务启动。然后修改前端的一个配置。

执行下面命令，启动前端工程。可以进行在线的调试。

npm start