五个实验室：使用五个 Web 服务连接到

sipon820

欢迎来到 Five Labs，这是使用 Five 构建应用程序的分步指南。

本实验将指导您完成连接到 REST API 并通过连接向导将其用作 Five 中的数据源的过程。

实验室目标
在本实验结束时，您将了解如何使用 Five 中的连接向导将 API 集成为数据源，并随后根据该数据设计表单。

首先，我们需要以下内容：

在您的系统中安装 Five 或在云上运行 Five（付费订阅）。
首先，我们需要以下内容：
在您的系统中安装 Five 或在云上运行 Five（付费订阅）。
免费注册 | 五个低代码 IDE
快速构建和部署定制业务软件
报名

第 1 步：用五分钟创建一个应用程序
首先，我们启动 Five 并单击黄色 + 按钮来创建一个新应用程序。为其指定一个名称并按保存。然后，选择“管理”开始开发您的应用程序。


第 2 步：使用连接向导
让我们直接开始连接我们的 API。在本教程中，我们将使用虚拟 JSON API，它为各种产品提供示例数据

我们可以首先单击“数据”，然后导航到“连接向导”


单击向导后，您将看到一个与 有一些 卡塔尔手机号码列表
相似之处的界面。首先从 查找中选择“New”，然后为其分配 ID 和名称。出于我们的目的，我们将使用名称“ DummyProducts ”。

接下来，除了常规之外，您还会注意到顶部的其他几个选项卡：

读取列表映射：这需要一个使用 GET 方法从 API 返回所有记录的端点。
读取单个映射：需要提供单个记录的端点。
创建单个：在这里，您需要一个端点，您可以在其中发送 POST 请求以添加新记录。
更新单个：这适用于可以使用 PUT 或 PATCH 方法更新现有记录的端点。
删除单个：此选项卡需要一个端点，通过 DELETE 请求，您可以从 API 中删除记录。
设置端点：
对于“读取列表映射”，我们将输入获取所有记录的端点。由于我们使用的是 Dummy JSON API，因此相关的 如其官方网站所述）

输入端点后，单击“发送”即可查看返回的结果。


如果您的 API 要求授权或特定标头，您可以在相邻的“授权”和“标头”选项卡中进行设置。

对于“读取单个映射”、“更新单个”和“删除单个”，我们将利用一个获取特定记录的端点。根据网站，相关的URL结构为其中{productID}代表产品的ID。

现在让我们在连接向导中使用它，我们的 URL 应如下所示其中“id”是我们将传递产品 ID 的变量


对于“创建单一映射”，我们将使用端点 该端点使我们能够通过 POST 请求向 API 添加新记录。

最后，我们可以点击保存来存储连接



第三步：使用API​​作为数据源
现在我们已经在 Five 中建立了连接，它可以用作数据源。出于本教程的目的，我们将使用此连接构建一个基本表单。

首先，单击“Visual”，然后单击“Form Wizard”。在主数据源查找中，选择“DummyProducts”（或您可能为连接指定的任何其他名称）。

五位将负责为您填写大部分详细信息。在此阶段，欢迎您根据需要修改任何设置。


单击“保存”来存储表单，然后我们终于可以运行我们的应用程序


结论
在您的最终用户应用程序中，您现在拥有一个包含 API 中所有产品的表单。您可以单击每条记录来查看其详细信息，甚至可以进行更改、添加新记录以及删除它们。