探索雞尾酒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/