探索雞尾酒API

在開(kāi)發(fā)這款應(yīng)用程序時(shí)，我們的目標(biāo)是通過(guò)API，根據(jù)家中現(xiàn)有的酒類或其他原料，找到匹配的雞尾酒。為了實(shí)現(xiàn)這一目標(biāo)，我們將使用一個(gè)支持GET請(qǐng)求的API，并通過(guò)參數(shù)“i”來(lái)查詢具體的原料。

以下是API調(diào)用的一個(gè)示例，展示了如何通過(guò)過(guò)濾器查找包含特定酒精或原料的雞尾酒：

使用JavaScript調(diào)用API

下面是一個(gè)使用JavaScript調(diào)用API的代碼片段：

const options = {
 方法: "GET",
 標(biāo)頭: {
 "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));

在上述代碼中，關(guān)鍵部分包括：

• 方法：GET，用于請(qǐng)求數(shù)據(jù)。
• 標(biāo)頭：包含API密鑰和主機(jī)信息。
• 請(qǐng)求URL：指定查詢參數(shù)（如i=Gin）。

在實(shí)際應(yīng)用中，我們會(huì)將Specified_Alcohol替換為動(dòng)態(tài)輸入?yún)?shù)，以便從應(yīng)用程序中傳遞搜索值到API。

構(gòu)建解決方案和測(cè)試流程

創(chuàng)建解決方案

首先，我們需要在開(kāi)發(fā)環(huán)境中創(chuàng)建一個(gè)名為“Cocktails”的解決方案，并將自己設(shè)置為發(fā)布者：

配置云流

接下來(lái)，在解決方案中創(chuàng)建一個(gè)新的云流，并選擇即時(shí)觸發(fā)器作為啟動(dòng)方式：

在云流中添加一個(gè)HTTP步驟，用于調(diào)用API并測(cè)試其響應(yīng)。具體配置如下：

• 方法：GET
• URL：使用之前提到的API地址
• 標(biāo)頭：包括X-RapidAPI-Key和X-RapidAPI-Host，其中密鑰需要從注冊(cè)Rapid API后獲取。

測(cè)試API響應(yīng)

配置完成后，運(yùn)行流程并測(cè)試API的響應(yīng)。成功的響應(yīng)將返回一個(gè)包含“飲料”信息的JSON數(shù)據(jù)：

下一步計(jì)劃

在后續(xù)文章中，我們將進(jìn)一步優(yōu)化應(yīng)用程序的功能。具體來(lái)說(shuō)，我們會(huì)將當(dāng)前的按鈕觸發(fā)流改為Power Apps觸發(fā)流，以便將API調(diào)用的數(shù)據(jù)直接推送到應(yīng)用程序中。

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

#你可能也喜歡這些API文章!

模型壓縮四劍客：量化、剪枝、蒸餾、二值化

Yahoo Finance API – 完整指南

WordPress REST API 內(nèi)容注入漏洞分析

Transformers Generate 功能介紹

四款A(yù)I大模型API價(jià)格對(duì)比：DeepSeek R1、ChatGPT o3-mini、Grok3、通義千問(wèn) Max

四款A(yù)I大模型API基礎(chǔ)參數(shù)、核心性能的區(qū)別：DeepSeek R1、ChatGPT o3-mini、Grok3、通義千問(wèn) Max

API 設(shè)計(jì)原理：從理論到實(shí)踐

2025年多模態(tài)大模型API基礎(chǔ)參數(shù)、核心性能：Deepseek、ChatGPT、文心一言

2025年最新推理大模型API價(jià)格對(duì)比：通義千問(wèn)Max vs 豆包1.5 Pro vs 混元Lite