步骤3: 审批流宜搭上构建表单

本文以宜搭为例,提供一个通用的阿里云资源申请表单,实现一个表单能够满足所有阿里云产品的申请需求。

流程集成架构

  • 宜搭:承载申请表单的设计。支持前端嵌入js代码。

  • 函数计算:本方案提供的Demo代码,实现了从CADT 获取模板,询价,部署等能力,从资源管理获取当前账号的网络配置信息等。

  • 云速搭CADT:可视化制作模板,定义云资源模型。

  • 资源管理:阿里云上的资源配置中心。

image.png

样例代码下载

通过命令行下载代码。 下载后在目录 cadt-oa-integration 中会有一个yida-frontend.js 的前端代码。

git clone https://best-practice:Abcd123456@codeup.aliyun.com/best-practice/bp/cadt-oa-integration.git

宜搭配置步骤

表单设计,需要一个子表单,命名为资源清单。

image.png

子表单中包含以下几个字段

产品类型

image.png

购买地域

image.png

产品版本,产品版本-code,规格参数,规格参数-code,网络配置,网络配置-code,价格,这个字段都是只读类型。

image.png

子表单添加一个自定义按钮

image.png

给该按钮添加一段js 代码

image.png

image.png

修改上一节下载的代码样例, 此代码中 需要更改第3行到第16行的配置信息。

这里对应到了上述子表单中每个字段的ID。

image.png

如果获取ID:点击字段,右侧进入:高级,复制唯一标识。

image.png

这里是函数计算的地址和Token。

image.png