构建一款鸡尾酒查找应用，第1部分：API开发，Low Code Lewis

在这篇文章中，我们将探讨如何开发一款鸡尾酒查找应用程序的第一部分，主要聚焦于API的使用和测试。通过本文，您将学习如何利用API查询鸡尾酒信息，并构建一个简单的流程来验证API的功能。

探索鸡尾酒API

在开发这款应用程序时，我们的目标是通过API，根据家中现有的酒类或其他原料，找到匹配的鸡尾酒。为了实现这一目标，我们将使用一个支持GET请求的API，并通过参数“i”来查询具体的原料。

以下是API调用的一个示例，展示了如何通过过滤器查找包含特定酒精或原料的鸡尾酒：

使用JavaScript调用API

下面是一个使用JavaScript调用API的代码片段：

const options = {
 方法: "GET",
 标头: {
 "X-RapidAPI-Key": "你的钥匙在这里",
 "X-RapidAPI-Host": "鸡尾酒db.p.RapidAPI.com"
 }
};

fetch('https://the-cocktail-db.p.rapidapi.com/filter.php?i=Gin', options)
 .then(response => response.json())
 .then(response => console.log(response))
 .catch(err => console.error(err));

在上述代码中，关键部分包括：

• 方法：GET，用于请求数据。
• 标头：包含API密钥和主机信息。
• 请求URL：指定查询参数（如i=Gin）。

在实际应用中，我们会将Specified_Alcohol替换为动态输入参数，以便从应用程序中传递搜索值到API。

构建解决方案和测试流程

创建解决方案

首先，我们需要在开发环境中创建一个名为“Cocktails”的解决方案，并将自己设置为发布者：

配置云流

接下来，在解决方案中创建一个新的云流，并选择即时触发器作为启动方式：

在云流中添加一个HTTP步骤，用于调用API并测试其响应。具体配置如下：

• 方法：GET
• URL：使用之前提到的API地址
• 标头：包括X-RapidAPI-Key和X-RapidAPI-Host，其中密钥需要从注册Rapid API后获取。

测试API响应

配置完成后，运行流程并测试API的响应。成功的响应将返回一个包含“饮料”信息的JSON数据：

下一步计划

在后续文章中，我们将进一步优化应用程序的功能。具体来说，我们会将当前的按钮触发流改为Power Apps触发流，以便将API调用的数据直接推送到应用程序中。

原文链接: https://www.lewisdoes.dev/blog/building-a-cocktails-finding-app-part-1-the-api/