API Cloud Studio3 API管理和调试教程

“简介”面板功能区简介

根据途中的红色数字，相应的功能如下：

API和请求变量定义面板开关

搜索框和新按钮

API列表（列表中的每个文件夹称为一个类别）

根据API生成代码

API详细信息，从左到右依次为请求方法、url和发送请求按钮

请求区域

响应区域

可变配置面板

创建API有两种方法：

通过搜索框右侧的“+”按钮创建：将鼠标移动到按钮中打开操作面板。单击“新建API方法”打开“编辑API名称”弹出窗口。输入API名称并单击“确定”；您可以在相应的类别下成功创建它

通过对右“”排序；按钮创建：选择一个类别后，相应类别右侧会出现一个“…”按钮，将鼠标移到右侧“”单击该按钮打开操作面板。单击“新建API方法”打开“编辑API名称”弹出窗口。输入API名称并单击“确定”；您可以在相应的类别下成功创建它

注意事项：

如果没有分类，您需要先单击搜索框右侧的“”按钮+"；单击该按钮创建类别，然后才能开始正常的API创建过程

通过搜索框的右侧“+”按钮创建的API将默认在当前选定的类别下创建

删除API/分类删除API：选择要删除的API，相应的API将显示在“”的右侧；按钮，向右移动鼠标“弹出相应的操作面板，点击删除，弹出二次确认框，避免误操作。单击“删除”以成功删除

删除分类：选择要删除的分类，并在相应分类的右侧出现一个“”按钮，将鼠标移到右侧“，将弹出相应的操作面板。单击“删除”，将弹出一个二次确认框，以避免误操作。单击“确定”删除。如果修改的类别下存在API，则在删除该类别之前，需要删除该类别中的所有API

查看/修改API配置修改API配置信息选择要调试或修改的API。在API操作面板的右侧，您可以看到当前API的请求信息和请求参数。单击发送以查看当前配置的响应详细信息

下图显示了基本的API配置：

设置请求类型并单击下拉框以选择相应的请求类型

请求地址，输入相应的API请求地址

发送请求按钮。配置请求参数后，单击以发送请求并获取响应

查询配置面板在每一列中配置所需的查询参数，并在发送请求时以查询的形式携带参数

在标头配置面板中，输入相应的配置，发送请求时将在标头中进行配置

配置主体请求主体，在相应的请求模式下配置请求主体，并根据所选择的请求类型在主体中携带所配置的参数

响应面板主要用于查看API返回的数据。您可以根据自己的喜好选择格式化数据或返回的原始数据。右侧的下拉选项是格式化的基础

查看响应的标头信息

修改API名称。选择要编辑的API，相应的分类将显示在右侧“”；按钮，向右移动鼠标“在弹出的操作面板中选择“重命名”，输入要修改的名称，然后单击“确定”

要配置变量，变量选项卡按钮切换到变量操作面板。在面板中以键和值的形式配置全局变量。调用API时，可以使用｛Key｝形式的配置变量。如下所示

注意：变量值不能引用变量，如下所示，这是一个错误

要生成API代码，“分类列表下；生成API代码”按钮，您可以根据现有API在根目录下的apiModel文件夹中自动生成可用代码，其中包含三个文件apiModel。js，配置。js和req.js

apiModel。Js文件：生成API对应的方法，在项目中使用，直接导入文件，根据调试时定义的API名称调用函数名

如图所示，① 参考参考文件，② 调用生成的API方法，并且③ 打印结果以证明呼叫成功

配置。js文件：主要存储变量通知