學習筆記 | 什麼是 API ?

閱讀時間約 2 分鐘

先前幾篇筆記介紹了網路請求瀏覽器儲存資料的方式,那麼實務上,前端最常需要發送網路請求的時候,就是透過呼叫 API,去向後端工程師發送/請求資料,所以今天來記錄什麼是 API吧!


在維基百科的介紹裡,API 的全名是 Application Programming Interface,直譯就是「應用程式介面」,它提供了一組定義好的規則和工具,讓不同的軟體系統之間能夠互相溝通和互動,這個互動可以是獲取資料、傳送資料、執行遠端操作...等。


字面上看起來有點抽象,但我們可以把 API 想像成「餐廳服務生」,就像到餐廳點餐時,你不需要知道餐點是如何完成的,只需要告知服務生你需要的餐點,並且等待餐點送來,就可以享用美食了,也可以想成是「飲料販賣機」,你不需要知道機器是如何運作,只要在販賣機台按下想喝的飲料,等待飲料掉落即可。



由此可見,API 就類似一個平台或一種媒介,讓使用者可以透過這個平台/媒介,取得想要的東西,讓傳遞資料變得更加方便。


因此在軟體開發時,有了 API 的幫助,前端不需要花費大量時間去理解資料庫的程式邏輯,只需要依照 API 的說明文件來操作,就可以取得想要的結果及資料,使前端開發者可以更加專注在本身的功能開發上囉。


API 的種類也相當多,舉凡登入身分驗證、Map Service、金流支付等功能,都有 API 再背後進行資料的傳遞,而前端常用的 API 一是公司內部 API,二是第三方服務的 API。


公司內部 API 會由後端工程師依據需求來建構,第三方服務則像是 Facebook 、Line 等公司,都有提供多種open API ,讓開發者可以在自己的專案上串接並使用相關的服務唷!


另外,API 的撰寫/設計風格也有許多種,根據設計風格的不同,前端開發時取用資料的方式也會有所差異,目前最常用的是RESTful API,可以參考這篇文章【RESTful API 又是什麼?】,今天的筆記就到這邊啦~


我是Amber,前端學習中,歡迎交流討論🧸


參考文章 & 影片

API 到底是什麼?

什麼是 API?

應用程式介面是什麼? API種類介紹



22會員
22Content count
留言0
查看全部
發表第一個留言支持創作者!
Amber hh的沙龍 的其他內容
之前在 學習筆記 | 關於 Cookie、Session、Token 這篇筆記有提到,瀏覽器需要帶著使用者的身分訊息或經過身分驗證後取得的Token(令牌),才能向伺服器請求資源,那麼瀏覽器就必須有個空間來儲存這些 Token 資訊,這篇就是要來記錄瀏覽器常見的儲存空間啦~
上一篇筆記講到了瀏覽器與伺服器之間,經過身分驗證後,就會改以 Token 這個令牌作為通行證,不需要再反覆驗證,那麼這篇紀錄的就是目前最常使用的 JWT (JSON Web Token) 啦! 可以搭配 JWT 的網站來玩看看 JWT(JSON Web Token) 顧名思義就是以 JSON
延續先前的筆記,「網路請求」是瀏覽器和伺服器的溝通橋梁,目的是為了取得資料庫內的資源,除了 CORS 這種瀏覽器本身的阻擋機制,伺服器也會需要進行「身分驗證或授權」這道阻擋,並不是使用者有帶上 header 告知身分,就一定可以把資料 response 回來的。
那麼「我要什麼資料」就需要告訴伺服器特定的內容啦,舉例來說: 我要登入,就必須把「帳號」和「密碼」一起帶在請求內,發送給後端進行驗證
上篇記錄了關於 HTTP request 的筆記,這篇則是對於請求的回應紀錄~
上一篇【瀏覽器與伺服器是如何溝通的?】有說瀏覽器和伺服器的溝通橋樑是「網路請求」,這篇就來記錄一下,我目前學習到的網路請求是什麼~
之前在 學習筆記 | 關於 Cookie、Session、Token 這篇筆記有提到,瀏覽器需要帶著使用者的身分訊息或經過身分驗證後取得的Token(令牌),才能向伺服器請求資源,那麼瀏覽器就必須有個空間來儲存這些 Token 資訊,這篇就是要來記錄瀏覽器常見的儲存空間啦~
上一篇筆記講到了瀏覽器與伺服器之間,經過身分驗證後,就會改以 Token 這個令牌作為通行證,不需要再反覆驗證,那麼這篇紀錄的就是目前最常使用的 JWT (JSON Web Token) 啦! 可以搭配 JWT 的網站來玩看看 JWT(JSON Web Token) 顧名思義就是以 JSON
延續先前的筆記,「網路請求」是瀏覽器和伺服器的溝通橋梁,目的是為了取得資料庫內的資源,除了 CORS 這種瀏覽器本身的阻擋機制,伺服器也會需要進行「身分驗證或授權」這道阻擋,並不是使用者有帶上 header 告知身分,就一定可以把資料 response 回來的。
那麼「我要什麼資料」就需要告訴伺服器特定的內容啦,舉例來說: 我要登入,就必須把「帳號」和「密碼」一起帶在請求內,發送給後端進行驗證
上篇記錄了關於 HTTP request 的筆記,這篇則是對於請求的回應紀錄~
上一篇【瀏覽器與伺服器是如何溝通的?】有說瀏覽器和伺服器的溝通橋樑是「網路請求」,這篇就來記錄一下,我目前學習到的網路請求是什麼~
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
你上學時期會做筆記嗎?作筆記真的能提高學習效果嗎?從小老師會教我們上課要做筆記,而且越詳細越好。
Thumbnail
就像是一間公司裡,需要有各種不同的職位,互相合作,才能發揮最大的效益。 這個世界裡,每個人的天賦才能都不相同,也因此得以互相幫助。 這裡的類型,像是在說明著「你所擁有的天賦特質」 這世界總共有五個類型 : 顯示者、生產者、顯示生產者、投射者、反映者。 如果用一句話簡單說明,這些類型會像是這樣
本篇最主要是要了解網站前端工程師究竟是什麼?主要工作內容又有哪些?將從三個部份來說明:前端的工作內容、前端所需的軟實力以及前端所需的硬實力。
話語更難,因為它直接、瞬即、無法修改。所以相較於可以一再推敲、修改的文字,話語反求內心的修正,把你的心穩穩地盤繞在,一個即便世界如何擠壓你,也不會說出傷害他人話語的地步。這很難,非常難,差不多是一種類似內觀的修煉才能照見自己的心。所以,我很敬佩助人工作者,他們要如何以話語來療治、陪伴病人呢?這對我而
Thumbnail
2020年9月6日,我冠上了一個新的身份,高雄市立空中大學學生的身份,朋友問我,我選修什麼科系,我回答「科技管理」。不少人感到困惑,這是什麼樣的科系,或者直覺認為這是有關資工、資管、資處方面的學系。 其實原先我也不了解,直到我開始了我第一門專業基礎必修課「科技管理」,在導師吳欣穎系主任的講解下,慢
Thumbnail
自去年三月底開始上Life Coach (生活教練) 的課程,至今也快滿一年了!(時間過好快啊 ~) 拖稿也拖太久了!哈哈。 我真的非常開心我選擇去上生活教練課程,除了學習到很多知識,我更認識我自己;並且在我的人生當中也有許多突破,這些突破是我初期學習生活教練時萬萬沒有想過,甚至沒有想到我會有突破
Thumbnail
海苔醬畢業後就進入日商公司,展開了日本文化的台灣職場生活。記得第一次到公司面試時,就覺得環境很乾淨,東西也放得整整齊齊的,地上放置的物品隱約有標示些什麼字樣,那時的海苔醬還不知道眼前這些,原來都是整理、整頓的產物阿!
Thumbnail
​https://bit.ly/2H1cer6 習近平與蔡英文的首次交鋒?!統派、獨派吵什麼!? 文:廖斌洲 我們今天的主題要跟大家分享的是兩岸關係 ​ 在元旦剛過的隔天,1月2日,中國國家主席習近平 在《告台灣同胞書》發表四十週年,發表了重要的談話 ​
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
你上學時期會做筆記嗎?作筆記真的能提高學習效果嗎?從小老師會教我們上課要做筆記,而且越詳細越好。
Thumbnail
就像是一間公司裡,需要有各種不同的職位,互相合作,才能發揮最大的效益。 這個世界裡,每個人的天賦才能都不相同,也因此得以互相幫助。 這裡的類型,像是在說明著「你所擁有的天賦特質」 這世界總共有五個類型 : 顯示者、生產者、顯示生產者、投射者、反映者。 如果用一句話簡單說明,這些類型會像是這樣
本篇最主要是要了解網站前端工程師究竟是什麼?主要工作內容又有哪些?將從三個部份來說明:前端的工作內容、前端所需的軟實力以及前端所需的硬實力。
話語更難,因為它直接、瞬即、無法修改。所以相較於可以一再推敲、修改的文字,話語反求內心的修正,把你的心穩穩地盤繞在,一個即便世界如何擠壓你,也不會說出傷害他人話語的地步。這很難,非常難,差不多是一種類似內觀的修煉才能照見自己的心。所以,我很敬佩助人工作者,他們要如何以話語來療治、陪伴病人呢?這對我而
Thumbnail
2020年9月6日,我冠上了一個新的身份,高雄市立空中大學學生的身份,朋友問我,我選修什麼科系,我回答「科技管理」。不少人感到困惑,這是什麼樣的科系,或者直覺認為這是有關資工、資管、資處方面的學系。 其實原先我也不了解,直到我開始了我第一門專業基礎必修課「科技管理」,在導師吳欣穎系主任的講解下,慢
Thumbnail
自去年三月底開始上Life Coach (生活教練) 的課程,至今也快滿一年了!(時間過好快啊 ~) 拖稿也拖太久了!哈哈。 我真的非常開心我選擇去上生活教練課程,除了學習到很多知識,我更認識我自己;並且在我的人生當中也有許多突破,這些突破是我初期學習生活教練時萬萬沒有想過,甚至沒有想到我會有突破
Thumbnail
海苔醬畢業後就進入日商公司,展開了日本文化的台灣職場生活。記得第一次到公司面試時,就覺得環境很乾淨,東西也放得整整齊齊的,地上放置的物品隱約有標示些什麼字樣,那時的海苔醬還不知道眼前這些,原來都是整理、整頓的產物阿!
Thumbnail
​https://bit.ly/2H1cer6 習近平與蔡英文的首次交鋒?!統派、獨派吵什麼!? 文:廖斌洲 我們今天的主題要跟大家分享的是兩岸關係 ​ 在元旦剛過的隔天,1月2日,中國國家主席習近平 在《告台灣同胞書》發表四十週年,發表了重要的談話 ​