HTTP 连接器的使用
我们将通过调用dummyjson.com
提供的API接口作为范例,向您展示如何在魔笔应用程序中优雅地呈现网络数据。此过程包括获取外部数据、解析信息,并将其无缝集成到用户界面中,确保实时信息更新与直观的数据展示。请按照以下步骤操作,体验从网络数据抓取到视觉化呈现的全过程。
创建集成
创建 HTTP 集成
配置 Base URL:请参考如下示例链接
https://dummyjson.com
进行设置,务必确保开发环境与生产环境均按要求完成配置。在页面中创建 Action 使用集成
配置集成 Action
④ 如果配置了自动运行,会在页面打开之后自动执行当前 Action
下面步骤可以把运行结果转为 List 的结构
配置数据回调
return data.body.todos;
配置 ① 之后,点击 ② ,运行结果会被转为一个数组 ③
页面引用当前 Action ,点击运行之后,在页面上新加一个 table 组件,并配置数据源为
{{use_http.data}}
点击 ② 会对表格的显示字段根据数据做重新配置
更多 HTTP 集成相关的属性和信息可以查看文档:集成 HTTP
该文章对您有帮助吗?
- 本页导读
- 创建集成