低代码平台里如何通过按钮调用 API 请求

简介: 低代码平台里如何通过按钮调用 API 请求

在当今的数字化世界中,低代码平台正在迅速崛起,为企业提供了一种更快、更易于使用的方式来开发和部署业务应用程序。低代码平台允许非技术人员(或者说“公民开发者”)使用图形化界面来创建应用程序,而无需写大量的代码。这种开发方式的核心优势在于它可以减少开发时间,降低开发成本,提高生产力,并使得业务人员能够更直接地参与到应用程序的开发过程中。


在低代码平台中,一个重要的功能就是能够调用第三方 API。API(应用程序接口)是一种让不同软件之间进行交互的协议。通过 API,一个应用程序可以访问另一个应用程序的功能或数据,而无需知道其内部实现细节。在这个意义上,API 可以看作是软件世界的“胶水”,将各种各样的应用程序、服务和数据源连接在一起。


接下来,我们将详细讨论在低代码平台中调用第三方 API 的能力的重要性。


  1. 数据访问和集成:通过调用第三方 API,低代码平台可以轻松地访问和集成各种外部数据源和服务。例如,一个企业可能需要创建一个应用程序来跟踪销售数据。这个应用程序需要从 CRM 系统(如 Salesforce),ERP 系统(如 SAP)以及自定义数据库等多个源头获取数据。如果这些系统都提供了 API,那么在低代码平台中就可以通过调用这些 API 来获取所需的数据,而无需直接访问这些系统的内部数据库。这不仅可以简化数据访问和集成的过程,还可以确保数据的一致性和准确性。


  1. 功能扩展:通过调用第三方 API,低代码平台可以扩展其内置功能,提供更丰富的应用程序功能。例如,一个企业可能需要在其客户服务应用程序中嵌入地图功能。如果低代码平台支持调用 Google Maps API,那么就可以很容易地在应用程序中添加这个功能,而无需自己从头开始编写地图相关的代码。这样不仅可以节省开发时间,还可以利用 Google Maps 提供的强大功能和丰富数据,提高应用程序的用户体验。


  1. 自动化和效率:通过调用第三方 API,低代码平台可以实现各种自动化功能,提高业务流程的效率。例如,一个企业可能需要创建一个应用程序来自动化其发票处理流程。这个应用程序需要从供应商的系统获取发票数据,然后将这些数据导入到企业的财务系统中。


下面看个具体的例子。

从左边的组件库里拖拽一个按钮控件,创建一个点击事件,类型为发送请求

16cbd8c83d0f8f8e829059f335c57c0f.png

在发送请求的具体设置里,首先选择返回结果整体输出,目标数据源指定成成语接龙

195874c9e6b9568b7399eb27ac15ab2b.png

然后进入下一级 返回结果字段输出

3dd098e907f576864c8edfaef775f45b.png

将 API 的 结果 字段,在输出结果里进行指定:

c0f5d852a57692c4680728a1c4f4a834.png

选择数据项的下拉菜单里,选择指定数据项

上图的结果和结果字段两个选项,在 API 编辑界面指定:

4ba70aea832901dddb55cf213cedfdad.png

最后我们对文本控件的文字属性进行数据绑定:

1f46129ba3941ad60901bbfb0ab146da.png

同样绑定到 API 响应结果的数据源上即可,如下图所示:

2e6f2f37eda9ea224323c822dd33ed4a.png

当然,也可以新建另一个文本控件,将其文字内容绑定到一个页面变量上:

2609365d671d9fa0f83975d9affd47ba.png

14f89d82e1a0a3cbcd48eeab61123530.png

然后给按钮增添一个点击事件,类型为设置页面变量

29c4fe2bc884dfb5cb7cb5bb8f060b53.png

这里选定的是要设置值的页面变量,然后点击下面的自定义赋值

e17315967589f35918292d452de01666.png

赋值方式如下,意思是将当前指定数据项的结果字段,赋给上图下拉菜单里选择的请求结果页面变量。

566250d7ba71e4da4b252dc6a64b4eb8.png

最后运行时测试,点击发送请求按钮后:

a0f8399c76cd57e0ed7a2ff678e850b6.png

红色高亮区域的内容就被自动刷新了:

9576fb6cc82bf3e231b1531d83617440.png

相关文章
|
3月前
|
Prometheus 网络协议 JavaScript
api 网关 kong 数据库记录请求响应报文
Kong的tcp-log-with-body插件是一个高效的工具,它能够转发Kong处理的请求和响应。这个插件非常适用于需要详细记录API请求和响应信息的情景,尤其是在调试和排查问题时。
50 0
api 网关 kong 数据库记录请求响应报文
|
2月前
|
小程序 前端开发 JavaScript
视觉智能平台常见问题之抠人脸的api如何解决
视觉智能平台是利用机器学习和图像处理技术,提供图像识别、视频分析等智能视觉服务的平台;本合集针对该平台在使用中遇到的常见问题进行了收集和解答,以帮助开发者和企业用户在整合和部署视觉智能解决方案时,能够更快地定位问题并找到有效的解决策略。
31 3
|
3天前
|
机器学习/深度学习 人工智能 API
人工智能平台PAI产品使用合集之机器学习PAI-EAS部署好后,服务的公网API和URL怎么配置
阿里云人工智能平台PAI是一个功能强大、易于使用的AI开发平台,旨在降低AI开发门槛,加速创新,助力企业和开发者高效构建、部署和管理人工智能应用。其中包含了一系列相互协同的产品与服务,共同构成一个完整的人工智能开发与应用生态系统。以下是对PAI产品使用合集的概述,涵盖数据处理、模型开发、训练加速、模型部署及管理等多个环节。
|
7天前
|
JSON 测试技术 API
Python的Api自动化测试使用HTTP客户端库发送请求
【4月更文挑战第18天】在Python中进行HTTP请求和API自动化测试有多个库可选:1) `requests`是最流行的选择,支持多种请求方法和内置JSON解析;2) `http.client`是标准库的一部分,适合需要低级别控制的用户;3) `urllib`提供URL操作,适用于复杂请求;4) `httpx`拥有类似`requests`的API,提供现代特性和异步支持。根据具体需求选择,如多数情况`requests`已足够。
12 3
|
27天前
|
API 前端开发 JavaScript
Spartacus 中 saved cart 的 occ API 请求
Spartacus 中 saved cart 的 occ API 请求
17 0
Spartacus 中 saved cart 的 occ API 请求
|
2月前
|
Linux API 网络架构
Rest API请求管理最佳实践:RestClient-cpp库的应用案例
Rest API请求管理最佳实践:RestClient-cpp库的应用案例
|
2月前
|
搜索推荐 API
Email API Service平台有哪些?3大API接口平台对比
本文对比了三个Email API Service:AokSend、Mailgun和Postmark。AokSend提供高效邮件服务,其API适用于营销和通知邮件;Mailgun的API灵活强大,支持多种语言;Postmark专注于Transactional邮件,API设计简洁。每个平台都提供详尽的文档和支持,用户可根据需求选择。
|
2月前
|
前端开发 API 数据处理
uni-app 封装api请求
uni-app 封装api请求
15 0
|
2月前
|
机器学习/深度学习 API 计算机视觉
视觉智能平台常见问题之获取人脸皮肤的颜色Api如何解决
视觉智能平台是利用机器学习和图像处理技术,提供图像识别、视频分析等智能视觉服务的平台;本合集针对该平台在使用中遇到的常见问题进行了收集和解答,以帮助开发者和企业用户在整合和部署视觉智能解决方案时,能够更快地定位问题并找到有效的解决策略。
19 0
|
2月前
|
数据采集 供应链 前端开发
电商企业如何构建一站式数字化供应链体系|API接口实现淘宝/京东/1688多平台商品采集+上传一站式供应链系统搭建
网络时代,企业面临转型。如今进入数字化时代,企业再次面临重大变革,全面实现数字化、智能化已是当务之急。公司将继续良性发展,请记住16个字:精简流程、降低成本、提高效率、智慧管理。主流电商平台API商品数据采集接口,不但可以在商品采集上为供应链提供大量商品,同时我们也可以通过申请官方商品上传商品发布API接口,实现商品的多平台发布。