工程師口中的 API是什麼意思呢？
更新於 發佈於 閱讀時間約 2 分鐘
身為設計師，雖然不一定需要會寫程式，但若瞭解一些技術上的專有名詞，以及知道背後的運作原理，能夠讓你在職場技能上加分，以及和工程師協作溝通上更順利喔！
今天我們就來談談很常聽到的名詞「API」。本篇文章不會用很技術性的角度來描述，主要目的是讓看到文章的你，能夠理解 API的原理以及他會如何被使用，讓工程師在開發時，不必從頭開始，能好好使用現有資源，打造出符合需求或特色的功能。
API 是指應用程式介面 ( Application Programming Interface )。可分為三種類型：
- 特色 API (Feature API)：使用某個特定的應用程式，來解決特定的問題。例如：當我們在進行線上購物、或是搭乘 Uber時，會進行刷卡的流程，而信用卡付費與驗證的功能，是由另一間公司所開發出來的。接著工程師透過 API的方式做串接，讓使用者也能使用信用卡來結帳。（這也就是為什麼，有時候我們在結帳時，會跳轉到另一個平台，讓你輸入姓名、卡號、驗證碼等等，完成後再次跳轉回原本的網站，代表付費成功。）
- 資料 API (Data API)：呼叫另一個應用程式，輸出某些特定的資料，例如：政府資料開放平臺，可以尋找到關於天氣的資料。而取得這些「資料」後，設計師可以重新設計介面，讓資料可以再次與新介面做結合，產生新的使用體驗。
- 硬體 API (Hardware API)：直接舉例來說，IG使用手機照相機的 API來做放大、縮小、對焦、拍照的功能，再加上自身的濾鏡技術，讓創作者產生有質感的相片。又或者是 Google使用手機定位的 API，抓取到你目前的所在位置。
API就像是應用程式之間的「橋樑」，把現有的技術、資料開放出來，讓別人能夠二次使用，以減少開發成本，並且更能專注在產品本身的功能開發，不需要高額的門檻就能產出新服務。
當我們在叫 Uber時，可以即時看到車子的位置、以及規劃的導航路線，就是使用了圖資 API，這樣 Uber不需要重新建構自家的地圖、耗費龐大的開發成本，就能讓我們享受到叫車的便利服務。
最後，分享一支影片，幫助你更具體的瞭解吧！
我是Lisa，收收UI / UX 和 Taiwan UI / UX人生設計學創辦人，曾任職平面設計師、網頁前端工程師，最後轉職到自己喜歡職位 - UI / UX Designer，目前也是一位講師，致力於零基礎教學，與協助想轉職的人。
五月份「UI / UX零基礎班」的課程已經開放報名囉！有興趣的人歡迎一起加入學習的行列。
為什麼會看到廣告
107會員
16內容數
留言0
查看全部
你可能也想看
Google News 追蹤
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
這篇文章探討了工程師在如何有效提升自己，強調不僅僅是多coding，而是要對程式碼有更深層的理解。隨著職涯發展，工程師需要從單純的技術執行者轉變為團隊領導者，具備解決複雜問題和與他人有效溝通的能力。
API（Application Programming Interface，應用程式介面）可以視為不同軟體系統之間的溝通橋梁，讓雙邊可以交換數據並執行各種功能。這篇會記錄產品經理一定要知道的幾個 API 概念，像是常見的錯誤代碼以及不同的 HTTP 方法（如 PUT、GET、POST）和實際案例說明
※ 什麼是Web API
API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。
API流程：
終端使用者用任何一種裝置進入瀏覽器。
瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。
後端透過 API 收到前端的請求後，取得資料並回應給前端。
前端渲染畫面，終端使用者
這是一篇介紹如何使用Google Maps API在網頁上呈現地圖，並進行店家名稱的搜尋的文章。內容包含如何申請Google Cloud Platform的API金鑰、初始化地圖、設定搜尋功能等步驟。文章中提供了部分程式碼範例，並附上圖片說明操作過程。
實際就業後，會發現收集與分析需求，通常都不是工程師在做，會有另一群人，以非工程的角度收集及分析需求，然後在開發過程中蹦出不同的火花，於是很好奇另一群人的想法是什麼？我不敢說這本書能完全代表另一群人的想法，但確實能夠得到很多有用的思維。推薦給所有的軟體工程師。
※ 什麼是 RESTful API？
這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
在API介接中使用x-www-form-urlencoded格式時，可能會遇到一些踩坑的情況，本文分享了作者在這方面遇到的問題和解決方法。
Webhook 提供一個「即時觸發」的資料傳送方式。Webhook 與 API 的差異及在自動化流程中的作用是什麼？它讓你在事件發生時獲得通知。透過生活化的情境舉例，理解 Webhook 的運作原理，並了解如何透過 No Code 自動化工具設定 Webhook，實現自動化整合，提升工作效率！
先前幾篇筆記介紹了網路請求，瀏覽器儲存資料的方式，那麼實務上，前端最常需要發送網路請求的時候，就是透過呼叫 API，去向後端工程師發送/請求資料，所以今天來記錄什麼是 API吧！
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
這篇文章探討了工程師在如何有效提升自己，強調不僅僅是多coding，而是要對程式碼有更深層的理解。隨著職涯發展，工程師需要從單純的技術執行者轉變為團隊領導者，具備解決複雜問題和與他人有效溝通的能力。
API（Application Programming Interface，應用程式介面）可以視為不同軟體系統之間的溝通橋梁，讓雙邊可以交換數據並執行各種功能。這篇會記錄產品經理一定要知道的幾個 API 概念，像是常見的錯誤代碼以及不同的 HTTP 方法（如 PUT、GET、POST）和實際案例說明
※ 什麼是Web API
API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。
API流程：
終端使用者用任何一種裝置進入瀏覽器。
瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。
後端透過 API 收到前端的請求後，取得資料並回應給前端。
前端渲染畫面，終端使用者
這是一篇介紹如何使用Google Maps API在網頁上呈現地圖，並進行店家名稱的搜尋的文章。內容包含如何申請Google Cloud Platform的API金鑰、初始化地圖、設定搜尋功能等步驟。文章中提供了部分程式碼範例，並附上圖片說明操作過程。
實際就業後，會發現收集與分析需求，通常都不是工程師在做，會有另一群人，以非工程的角度收集及分析需求，然後在開發過程中蹦出不同的火花，於是很好奇另一群人的想法是什麼？我不敢說這本書能完全代表另一群人的想法，但確實能夠得到很多有用的思維。推薦給所有的軟體工程師。
※ 什麼是 RESTful API？
這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
在API介接中使用x-www-form-urlencoded格式時，可能會遇到一些踩坑的情況，本文分享了作者在這方面遇到的問題和解決方法。
Webhook 提供一個「即時觸發」的資料傳送方式。Webhook 與 API 的差異及在自動化流程中的作用是什麼？它讓你在事件發生時獲得通知。透過生活化的情境舉例，理解 Webhook 的運作原理，並了解如何透過 No Code 自動化工具設定 Webhook，實現自動化整合，提升工作效率！
先前幾篇筆記介紹了網路請求，瀏覽器儲存資料的方式，那麼實務上，前端最常需要發送網路請求的時候，就是透過呼叫 API，去向後端工程師發送/請求資料，所以今天來記錄什麼是 API吧！