08 Nov’ 24

【網站知識】透過API串接豐富網站!案例與實用資源分享一次看

【網站知識】透過API串接豐富網站!案例與實用資源分享

在製作網站專案時,想必時常會聽到「想串接這些數據資料」、「我希望後台能夠串接 ERP 或 POS 系統」的要求,而串接的方式我們稱為 API,那 API 是什麼?以及它實際運用會是什麼?本文除了將介紹 API 的介紹之外,如果您是對於 API 有足夠認識的讀者,我們將會分享一些有趣與實用的資源,希望能為您的網站更加豐富。


文章目錄


API 是什麼? 一圖看懂運作原理

API 如何使用?運用案例分享 

實用與有趣的 API 資源分享

透過 API 整合系統,提升網站開發效率與使用體驗


API 是什麼?一圖看懂運作原理


一圖看懂API原理

API 是應用程式介面的英文縮寫,如果要介紹它,我們將簡單舉一個最常見的比喻:

當顧客來到餐廳用餐時,向服務生點了一個餐點,之後服務生把顧客的要求轉達給後台的廚師,最後廚師完成料理時,再由服務生送到顧客的餐桌上。

在過程中三人分別所扮演的角色是:服務生(API)、顧客(網站或系統)、廚師(系統)

透過以上的例子,我們能夠知道服務生API)扮演了極大重要的角色,他負責了顧客(網站或系統)與廚師(系統)之間的橋樑。因此在兩種設計與程式不同的系統中,API 成爲了網站與系統串接的重要橋樑。


【2024更新】API如何運用?運用案例分享


在認識API的運作方式後,那麼該如何運用呢,我們以下將分享一些與生活貼近的案例。


氣象資料API


關心天氣與颱風動態已經是民眾日常,透過 API 串接,只要在各大新聞或旅遊平台或 APP 就能得知氣候資訊,讀者就能夠了解所在區域的溫度、降雨資訊;甚至當颱風接近時,都能透過查詢路徑與方向,讓民眾提早有所準備。


透過與氣象開放資料平台串接,能夠讓網站與app有即時的天氣資訊

透過與氣象資料開放平臺串接,能夠讓網站擁有即時的天氣資訊


售票、訂票系統API


「誒!你這次演唱會有搶到票嗎?」這是每當經歷過演唱會一番搶票之後,最常聽到的一句話,總是幾家歡樂幾家愁。然而從演唱會門票到飛機機票的訂票過程,都是透過API串接完成的!例如下訂時的座位或航班、旅宿資訊、到下訂後續金流(Line pay、Apple pay、街口支付)


第三方平台登入


隨者網路時代發達,我們瀏覽的網站也不可勝數,但如果每個網站都要背帳號登入的話,那將是一個惡夢,但透過 API 串接第三方系統,像是 Google、Facebook 或 Line,使用者就可以快速註冊或登入,省去建立新帳號的繁瑣步驟。這不僅提供用戶便利性,也提升網站轉化率並減少流失率,尤其對於需要快速登入的服務更有幫助。


許多網站都會提供第三方登入的方式,以提升網站使用體驗

許多網站都會提供第三方登入的方式,以提升網站使用體驗


【2024更新】實用與有趣的 API 資源分享


除了 API 的運用之外,我們也分享一些實用的 API 資源供讀者參考。


ChatGPT API

您知道目前火紅的 ChatGPT 也能串接 API 嗎?透過串接,能夠協助你在專案在客服、自動生成、數據分析的客制與優化,相關教學文章官方都有提供,不過要注意的是串接是需要費用的。


透過API串接,能夠將ChatGPT的優勢運用在網站或專案上

透過API串接,能夠將ChatGPT的優勢運用在網站或專案


政府開放資料平台


如果您的網站需要在地化的數據來呈現,例如人口、財務收入、天氣,那麼你可以在公部門的開放資料平台找到這些文件,而且都是開放資源,只需要登入就能夠下載。


政府開放資料平台收錄各種行政數據供開發者使用

政府資料開放平台收錄各種行政數據供開發者使用


圖庫串接API


如果您的網站是走行銷與供用戶創作服務的話,那能夠與圖庫串接將是一大福音,除了大量圖片資源之外,也能夠維持網站效能。目前知名的 ShutterstockUnsplashImgur 等大型平台都有提供 API 服務。


影片串接API


網站導入影片都會是個大挑戰,尤其是容量與畫質,不過各大影音平台都有提供 API 串接服務,如最常使用的YouTubeVimeo 等。讓您網站的文章或產品介紹更加豐富。


除了讓網站有實用的資訊外,也有一些有趣的API資料供網站開放者串接,以下將額外分享。


PokéAPI


寶可夢愛好者必備!這個有趣的 API 收集各種寶可夢的資訊,如果想讓您的網站與專案加點新元素,那 PokéAPI 想必很吸引你!


NASA


身為天文的領頭者 NASA 也有提供 API 資料串接!如果你的網站偏向學術或天文類型,那這平台將很適合豐富您的內容。


API 種類多元且豐富,也能運用在各式場合上,例如金融、旅遊、學術上,我們也會持續追蹤有趣或實用的 API,並持續更新文章,以提供讀者實用的內容。


透過 API 整合系統,提升網站開發效率與使用體驗


透過 API 的整合,能夠讓網站開發上更加有效率,創造力的專案中也能夠協助 API 的串接,例如第三方系統登入、金流、預約系統等等。如果您的企業或者平台也需要優質的客製化網頁設計,不妨馬上與我們的業務人員聯絡,創造屬於您企業的網站!


來點創造力,專為您提供客製化網站服務