# 在逻辑中调用第三方接口

# 需求场景

现需要调用一开放性接口,接口文档如下:

文档链接 (opens new window)

调用其中获取图片接口,通过接口获取图片。

image-20230411163729012

# 操作步骤

  1. 集成中心 > 应用API管理页面单击新建应用,填写接口相关信息。image-20230411151415441
  2. 创建好后,点击api管理,创建api,添加接口信息。image-20230411151723483
  3. 点击接口名称,点击请求信息,点击修改,添加请求信息,再点击保存。image-20230411152241257
  4. 点击响应信息,点击修改,添加返回信息,点击保存。其中result是复杂数据结构,需要新建数据模型。image-20230411153219482
  5. 点击API管理 > 数据模型 > 创建数据模型,创建对应的数据模型。并将响应信息中result数据类型修改为所创建的数据模型,再点击保存。image-20230411163406259image-20230411163322167
  6. 页面下添加局部变量,拖拽单行输入及按钮,并给单行输入绑定该值,修改按钮文本。image-20230411155321395
  7. 页面下添加局部变量,其类型为ApiReturn数据类型。给调用接口按钮添加点击事件,拖拽赋值组件和调用接口组件,选择之前添加的接口。image-20230411155923148
  8. 填写接口请求信息。image-20230411162759941
  9. 页面下拖拽数据表格到工作台,并绑定接口返回值。image-20230411161440794
  10. 添加表格列及文本,修改文本,并给文本绑定对应的值。image-20230411162340728
  11. 点击开发环境预览,查看效果。image-20230411162517358image-20230411163722081

# 创建第三方API应用

  1. 在集成中心 > 应用API管理新建应用,填写接口相关信息。 image-20230411151415441

  2. 创建好后,点击api管理,创建api,添加接口信息。 image-20230411151723483

  3. 点击接口名称,点击请求信息,点击修改,添加请求信息,再点击保存。 image-20230411152241257

  4. 点击响应信息,点击修改,添加返回信息,点击保存。其中result是复杂数据结构,需要新建数据模型。 image-20230411153219482

  5. 点击API管理 > 数据模型 > 创建数据模型,创建对应的数据模型.再点击保存。并将result数据类型修改为所创建的数据模型。 image-20230411163406259image-20230411163322167

# 调用接口

  1. 在全局逻辑中导入该接口。

    说明

    v2.21及以上版本,接口可使用调用接口组件直接调用,无需进行导入接口操作。

    image-20230411154526872

    image-20230411154547299

    image-20230411154611711

    image-20230411154657284

  2. 页面下添加局部变量,拖拽单行输入及按钮,并给单行输入绑定该值,修改按钮文本。 image-20230411155321395

  3. 页面下添加局部变量,其类型为ApiReturn数据类型。给调用接口按钮添加点击事件,拖拽赋值组件和调用接口组件,选择之前添加的接口。 image-20230411155923148

  4. 填写接口请求信息。 image-20230411162759941

  5. 页面下拖拽数据表格到工作台,并绑定接口返回值。 image-20230411161440794

  6. 添加表格列及文本,修改文本,并给文本绑定对应的值。 image-20230411162340728

  7. 点击开发环境预览,查看效果。 image-20230411162517358

    image-20230411163722081

934fdd773e101a65744cc1a9bf0e59858e1aac40

上次更新: 2023年06月26日