如何使用 HTTP 连接器

更新时间:2025-04-02 08:38:18

HTTP 连接器的使用

说明

我们将通过调用dummyjson.com提供的API接口作为范例,向您展示如何在魔笔应用程序中优雅地呈现网络数据。此过程包括获取外部数据、解析信息,并将其无缝集成到用户界面中,确保实时信息更新与直观的数据展示。请按照以下步骤操作,体验从网络数据抓取到视觉化呈现的全过程。

创建集成

  • 创建 HTTP 集成image

  • 配置 Base URL:请参考如下示例链接https://dummyjson.com进行设置,务必确保开发环境与生产环境均按要求完成配置。imageimage

  • image

  • 在页面中创建 Action 使用集成

    • image

  • 配置集成 Action

    • imageimage

      • ④ 如果配置了自动运行,会在页面打开之后自动执行当前 Action

      • 下面步骤可以把运行结果转为 List 的结构

    • 配置数据回调return data.body.todos;image

      • 配置 ① 之后,点击 ② ,运行结果会被转为一个数组 ③

  • 页面引用当前 Action ,点击运行之后,在页面上新加一个 table 组件,并配置数据源为{{use_http.data}}image

    • 点击 ② 会对表格的显示字段根据数据做重新配置image

更多 HTTP 集成相关的属性和信息可以查看文档:集成 HTTP
  • 本页导读
  • 创建集成
AI助理

点击开启售前

在线咨询服务

你好,我是AI助理

可以解答问题、推荐解决方案等