下载前端代码示例
在"官方解决方案"或"我的解决方案"页面中, 如下图所示位置下载代码示例
选择"区域", 点击确定后下载zip包
zip文件解压后包含3个文件:
App.js 页面示例代码
openapiv3.js 工具代码
README.md 包含建议的使用说明
启动示例
本示例以create-react-app为例, 安装方式可查看 https://create-react-app.dev/docs/getting-started/
安装后创建项目my-app
npx create-react-app my-app打开创建的项目文件夹, 安装如下两个依赖
cd my-app
npm install antd --save
npm install crypto-js --save复制App.js和openapiv3.js至生成项目的my-app目录下的src目录
在my-app目录下 执行 npm start, 启动示例
npm start启动后可通过默认的3000端口访问
示例功能介绍
当前示例页面包含了 生成方案->资源校验->资源询价->资源部署->资源释放 流程
此代码示例仅为演示前端接入的基础流程, 并非提供的完整技术解决方案, 用户可根据下载的示例开发或参考, 请勿用于生产环境.
配置基础信息
填写ak,sk
模板id默认为下载示例的模板id, 也可在页面中对应位置复制
区域默认为下载示例时选中的区域, 如果切换请确保模板包含所选区域的配置
生成方案
填写方案名称和模板变量数据
资源校验
点击资源校验后, 方案处于校验成功状态, 可进行资源询价
资源询价
点击资源询价按钮, 询价成功后可进入资源部署
资源部署
点击资源部署, 可查看部署状态
部署完成后, 资源创建成功
资源释放
通过释放方案, 释放已部署的资源. 或删除方案, 将方案隐藏, 注意, 删除方案并不会释放已部署的资源
释放完成后, 删除方案
该文章对您有帮助吗？