在開發這款應用程序時,我們的目標是通過API,根據家中現有的酒類或其他原料,找到匹配的雞尾酒。為了實現這一目標,我們將使用一個支持GET請求的API,并通過參數“i”來查詢具體的原料。
以下是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));
在上述代碼中,關鍵部分包括:
i=Gin)。在實際應用中,我們會將Specified_Alcohol替換為動態輸入參數,以便從應用程序中傳遞搜索值到API。
首先,我們需要在開發環境中創建一個名為“Cocktails”的解決方案,并將自己設置為發布者:

接下來,在解決方案中創建一個新的云流,并選擇即時觸發器作為啟動方式:

在云流中添加一個HTTP步驟,用于調用API并測試其響應。具體配置如下:
X-RapidAPI-Key和X-RapidAPI-Host,其中密鑰需要從注冊Rapid API后獲取。
配置完成后,運行流程并測試API的響應。成功的響應將返回一個包含“飲料”信息的JSON數據:

在后續文章中,我們將進一步優化應用程序的功能。具體來說,我們會將當前的按鈕觸發流改為Power Apps觸發流,以便將API調用的數據直接推送到應用程序中。
原文鏈接: https://www.lewisdoes.dev/blog/building-a-cocktails-finding-app-part-1-the-api/