API如何工作以及如何將它們整合到應用程式中
應用程式程式設計介面（API）是構建智慧應用程式的終極捷徑之一。它是兩個應用程式之間的通訊通道。不管是有意還是無意，你在日常生活中瀏覽網際網路或使用程式時，有時會用到API。
儘管API通常會發送複雜的資料作為響應，但是您如何理解和使用這些資訊來服務您的使用者呢？api使經驗豐富的開發人員和新開發人員的生活變得輕鬆。所以你需要知道如何在你的應用程式中使用它們。
在這裡，透過一些用例和示例，我們來看看作為開發人員如何使用API為您的程式提供服務。
API是如何工作的？
開發人員將api建立為可以服務於其他開發人員的產品。其目的是使複雜的web開發過程變得簡單、高效，並且對於消費者開發人員或企業來說更快。
現在大多數企業都依賴第三方api來解決問題，更好地為****。然而，使用api並不像很多人想象的那麼複雜。您可以將其視為第三方解決方案，當您發出特定的HTTP請求時，它以資料的形式為您提供特定的響應。
使用API就像在比薩餐廳下訂單一樣。你不能進廚房告訴他們你想要什麼。你需要一個服務員來拿你的菜，在你的比薩餅回來之前把它傳達給廚房。
您可以將API視為您和廚房之間的連結。在本例中，您是一個光顧餐廳的客戶，提供一個服務員（API）。然後服務員回答你選擇的比薩餅（資料）。在真正的API中，web應用程式是透過發出端點HTTP請求，請求透過其API使用提供者內容的客戶端。
什麼是api端點？
連線到API需要將程式**API端點。您可以將其視為雙向連線。連線到您的程式的端點發送一個請求，而連線到API的端點則向您反饋一個特定的響應。
端點是一個URL，它請求並允許客戶端直接訪問API的資源。
除了使用API獲取資料外，還可以將提供者的請求釋出到客戶端，使用PUT方法從提供者獲取更多資訊，以及使用DELETE方法從程式中刪除現有資料。這些方法中的每一種通常都可以在API的文件中找到。
連線到api的標準
將API與程式整合不僅僅是一個自發的決定，它是預先考慮的。你必須知道你想要什麼樣的資訊以及你想要多少資訊。這降低了複雜性，特別是在處理作為多維陣列的JSON資料時。這種做法也可以讓你得到具體的資訊，你需要為您的程式。
有上百個api，它們有不同的連線規則。雖然有些api是免費的、開源的，但其他api只能在訂閱的基礎**問。
儘管有些API是無縫和直接的，並且不需要任何先決條件，但是其他API可能要求您在連線到它們的端點之前滿足一些條件，比如生成API金鑰或註冊開發人員的帳戶。
相關：使用Aviati***tack API將飛行資料整合到專案中
然而，任何API最重要的方面之一就是它的文件。最佳實踐是閱讀並遵循您打算連線的任何API的文件，以獲取有關如何編寫程式碼和使用其資源的指南。這是因為每個API都有自己的連線方法和指令。
要連線任何API，還需要了解它支援的程式語言。
如何連線到api：例項
連線到API沒有具體的方法，但是有幾個示例可以讓您瞭解如何使用應用程式使用API資料的基本概念。但在我們進一步討論之前，我們已經寫了幾篇關於api的文章，以及如何利用它們。
例如，我們有一篇關於如何連線Weatherstack API的詳細文章，它使您能夠訪問實時天氣資料。我們還介紹瞭如何使用Mediastack API，這是一種付費API，可用於向網站新增新聞標題。
讓我們看幾個簡單的程式碼示例，說明如何連線到API。
如何使用iro.js公司顏色選擇器api
Iro.js公司是一個簡單的API，允許您新增一個免費的顏色選擇器到您的網站。在色輪上選擇顏色點時，API將返回該顏色的十六進位制或RGB程式碼。連線到iro.js公司API，您所需要做的就是將其內容交付網路（CDN）端點貼上到DOM的head部分。
此API的完整文件可在iro.js.org. 讓我們看看如何使用下面的示例程式碼段連線到此API：
<!DOCTYPE html><html><head><title>Practice Slider</title><script src="https://cdn.jsdelivr.net/npm/@jaames/iro@5"></script></head><body> <button id="color-button" onclick="sample()">Display color picker</button><div id="color-circle"> </div><div id="color-code"> </div></body><script>let colors= document.getElementById('color-code'); c***t sample= ()=>{ var colorPicker = new iro.ColorPicker('#color-circle', { // Set the size of the color picker width: 320, // Set the initial color to pure red color:"#ff0000" }); colorPicker.on(['color:change', 'color:init'], function(color) { // log the current color as a HEX string colors.innerHTML=color.hexString; });};</script></html>在上面的示例API中，您不需要API鍵來連線它。但是，為了更好地理解它，請仔細檢視JavaScript。為了連線這個API，我們只需要從iro類呼叫ColorPicker函式，然後我們將色輪容器的id傳遞到類中。
的端點iro.js公司API很容易連線，因為它的開發人員為使用者編寫了額外的類程式碼。下圖是上面示例程式碼的結果。
要檢視顏色更改事件是如何發生的，可以開啟另一個HTML檔案並將以下程式碼貼上到其指令碼部分：
var colorPicker = new iro.ColorPicker('#color-pick', { // Set the size of the color picker width: 400, // Set the initial color to pure red color:"#ff0000" });c***t myColor =(color)=>{c***ole.log(color.hexString);};colorPicker.on("color:change", myColor);每次更改控制盤上顏色選擇器的位置時，上述程式碼都會記錄十六進位制顏色值。
相關：用Marketstack API招待您的站點訪問者
注意：所有示例程式碼都是遵循API文件中的說明的結果。
如何使用nocodeapi貨幣兌換api
NoCodeAPI提供了許多API，包括貨幣轉換器API。要連線到其貨幣交換端點，請轉到NoCodeAPI市場並建立一個帳戶。
登入後，頁面上部會有一個搜尋欄。在該搜尋欄中，鍵入currency exchange，查詢出現後，單擊Activate。
在下一頁中，單擊makecurrenceexchangeapi。接下來，輸入API的首選名稱並單擊Create。
建立API後，單擊檢視文件。接下來，選擇一種首選語言來檢視連線到API端點的程式碼。然後，您可以複製該示例程式碼並將其貼上到應用程式中以進行進一步定製。
請看下面的貨幣轉換示例程式碼：
<!DOCTYPE html><html><head><title>Currency converter</title></head><div id="currency"> </div></body><script>let currency= document.getElementById('currency');async function callingFn() { try { c***t resp***e = await fetch("https://v1.nocodeapi.com/techyprem/cx/FHNXhKRkWDCvMehl/rates/convert?amount=10&from=USD&to=Eur", { method: "get", headers: { "Content-Type": "application/json" } }); c***t json = await resp***e.json(); currency.innerHTML="Success:" + JSON.stringify(json); } catch (error) { c***ole.error("Error:", error); }}callingFn();<script></html>上面的程式碼只是文件中程式碼的修改版本。但是，請密切注意JavaScript響應變數中的轉換引數。
原始JSON輸出如下：
Success:{"query":{"from":"USD","to":"EUR","amount":10},"info":{"time":1604587505388,"rate":0.844865},"result":8.44865,"text":"10 USD = 8.44865 EUR"}利用API
為應用程式使用API可以讓您更快地完成專案。儘管有些API文件可能是技術性的，但對於新手來說，有許多API文件是有用的。
但是，正如我們前面所說的，要充分利用您想要從中獲取資料的任何API，您必須仔細研究其文件並遵守連線到它的規則。
儘管我們在這裡的示例中使用了JavaScript，但根據API的型別，大多數示例仍然支援其他程式語言。您可以從任何API的文件中獲得有關語言支援的資訊。另外，請注意，我們在這裡使用的示例只是許多api用例中的一小部分。
- 發表於 2021-03-29 15:48
- 閱讀 ( 54 )
- 分類：程式設計
你可能感興趣的文章
蘋果用arkit支援增強現實
...，開發者應該可以很容易地更新他們的應用程式。但這將如何影響未來的應用程式呢？ ...
使用serpstack api從搜尋結果中提取有用的資料
...上。我們知道我們在找什麼，而且，一般來說，我們知道如何找到它。弄清楚別人是如何在網上搜索的難度要大得多，尤其是現在的網站非常關注搜尋引擎排名。 ...
什麼是google指令碼？如何編寫你的第一個谷歌應用程式指令碼
... 這只是一個簡單的例子，說明了googleapps指令碼如何進入你的Google雲服務。 ...
8款iphone補水應用提醒你多喝水
...應用程式有很多很好的功能，可以幫助你更好地瞭解水是如何影響你的身體，以及不同的飲料如何以不同的方式給你補水。這款應用程式還可以追蹤水合作用的其他方面，比如你每天攝入的***，幫助你更好地瞭解你用來給身體提...
要將新聞標題新增到您的網站或應用程式中嗎？你需要mediastack api
... 如何將mediastack api整合到您的站點或應用程式中 ...
如何將任何智慧裝置連線到homekit（帶有raspberry pi）
...-get install -y nodejs 否則，您可以查閱Node的下載頁面，瞭解如何為特定作業系統安裝Node的資訊。 如果您在Linux上，還需要安裝一些依賴項，如下所示： sudo apt-get install libavahi-compat-libdnssd-dev 之後，您可以透過npm全域性安裝Homebridge...
如何在chromebook上下載android應用程式
...業系統的裝置**問數以百萬計的Android應用程式。下面介紹如何在Chromebook上安裝Android應用程式。 哪些裝置支援play store？ 雖然大多數新的Chromebook都附帶了Google Play Store的開箱即用功能，但有些裝置仍然不支援Play Store。檢視Chromium...
如何在mac上獲得類似iphone的airpods體驗
...處理任何內建W1晶片的東西。這意味著還有一些選擇。 如何安裝airbuddy 下載AirBuddy。它的建議價格是5美元，但如果你願意的話，你可以多付一些。 安裝後，將airbudy移動到應用程式資料夾並啟動它。選項非常簡單，提供了兩個...
windows10與android或iphone的所有工作方式
...這將導致您**上的每個通知也出現在您的電腦上。 相關：如何同步Android通知與windows10週年更新 回覆pc上的簡訊（僅限android） 如果同步通知，您還可以對來自PC的某些訊息（包括文字訊息）作出響應。某些通知有一個“回覆”框...
如何在mac上安裝應用程式：您需要知道的一切
...不可擋，但一旦你掌握了竅門，它就相對簡單了。下面是如何在你的Mac上安裝軟體，從應用商店和其他地方，以及為什麼存在這些不同的方法。 mac應用商店：單擊按鈕安裝應用 我們都習慣了**上的應用程式商店，但在桌面上...
