BitlyAPI如何完整串接範例教學
Bitly是一個常見的短連結平台，提供所有使用者把原始網址轉換成較為簡短的連結字數，同時該平台也提供API給使用者串接使用
大概看過官方提供的api文件，算是功能齊全，只要本身帳號權限夠高，所有操作皆可在API中進行
自己也是有少量使用過bitly平台，那就嘗試動手串接一下API看看
取得通行證(Access token)
所有的API在請求時都需要在header中夾帶使用者token才能請求成功，所以取得token就是首要條件
在文件中有很完整的提供各種授權的方式，其中最簡單的方式是前往帳號中的後台輸入密碼後點擊 Generate token按鈕即可取得一組Access token，放入請求的header中即可開始測試API
其他取得token方式有提供像是OAuth，直接給使用者輸入帳號密碼等等，算是相當多元，這裡主要是選擇OAuth的方式作為串接首選，相對較安全的一種登入方式
註冊APP
前往後台 Developer setting的地方註冊一個app，主要就是輸入APP名字，APP網域名稱和多個跳轉的路徑，作為授權成功取得code的路徑
註冊成功以後即可取得 Client ID和 Client secret，這些在之後跳轉連結和取得token的過程會使用到
組成跳轉連結
組成連結前需要幾項必要資料
- client_id(必要) 在註冊app時會取得
- redirect_uri(必要) 使用者在授權頁面操作完以後跳轉回來的頁面路由
- state(選填) 可填入任意字串，授權後會原內容返回，作為驗證用途
大致上組出來的url會像下面這樣
https://bitly.com/oauth/authorize?client_id={client_id}&state={state}&redirect_uri={redirect_uri}授權後請求token
使用者透過連結前往bitly頁面接受授權以後，bitly會跳轉回當初設定的redirect_uri頁面，並且帶有code參數，若跳轉連結帶有state參數，則也會將state帶回
拿到code先別高興太早，還需要將code和app金鑰等等送出請求真正的Access token
要請求token需要準備以下資訊
- client_id 註冊的app提供
- code 路由上帶回的參數
- redirect_uri 與跳轉去授權頁面相同的路由
- client_secret 註冊的app提供
準備好內容後即可送出請求token，下方以fetch範例
fetch('https://api-ssl.bitly.com/oauth/access_token', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
Accept: 'application/json'
},
body: new URLSearchParams({
client_id: CLIENT_ID,
code: code,
redirect_uri: REDIRECT_URL,
client_secret: CLIENT_SECRET
})
})內容無誤的話即會成功回傳token，作為後續請求使用。
參考資料
為什麼會看到廣告
留言0
查看全部
你可能也想看
Google News 追蹤
大家好，我是woody，是一名料理創作者，非常努力地在嘗試將複雜的料理簡單化，讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程，今天想跟大家聊聊，除了料理本身，料理創作背後的成本。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
如何自己更换手机电池：完整指南
随着手机使用时间的增长，电池的性能逐渐下降，充电频率增加或电池续航变短，成为许多人面临的问题。尽管大多数人习惯于将手机送到专业维修店更换电池，但如果你希望节省时间和费用，自己更换手机电池是一个不错的选择。不过，这一过程需要一些基础知识和工具，且必须小心操作，以免损坏
本文探討離職訪談的重要性及如何有效進行，包括訪談的準備工作、主要問題和後續關係的維護。文章指出，離職訪談不僅是瞭解員工離職原因，更是企業改善內部管理的重要契機。HR應呈現真誠的態度與感謝，並關注員工心聲，透過良好的訪談過程，可以發現公司改革方向，也能為企業留下良好的口碑。
API（Application Programming Interface，應用程式介面）可以視為不同軟體系統之間的溝通橋梁，讓雙邊可以交換數據並執行各種功能。這篇會記錄產品經理一定要知道的幾個 API 概念，像是常見的錯誤代碼以及不同的 HTTP 方法（如 PUT、GET、POST）和實際案例說明
※ 什麼是Web API
API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。
API流程：
終端使用者用任何一種裝置進入瀏覽器。
瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。
後端透過 API 收到前端的請求後，取得資料並回應給前端。
前端渲染畫面，終端使用者
xhr
在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。
具體來說步驟有四個：
建立XMLHttpReque
開啟一個請求。
送出請求。
拿到回應後去處理畫面要如何呈現。
在串接第三方 API時，需要定期刷新 token，那有沒有辦法針對 request 和 response 做配置，在 token 過期時先做刷新、再做請求呢？本文要介紹利用 axios 套件提供的攔截器刷新 token 的作法。
大家好，我是woody，是一名料理創作者，非常努力地在嘗試將複雜的料理簡單化，讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程，今天想跟大家聊聊，除了料理本身，料理創作背後的成本。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
如何自己更换手机电池：完整指南
随着手机使用时间的增长，电池的性能逐渐下降，充电频率增加或电池续航变短，成为许多人面临的问题。尽管大多数人习惯于将手机送到专业维修店更换电池，但如果你希望节省时间和费用，自己更换手机电池是一个不错的选择。不过，这一过程需要一些基础知识和工具，且必须小心操作，以免损坏
本文探討離職訪談的重要性及如何有效進行，包括訪談的準備工作、主要問題和後續關係的維護。文章指出，離職訪談不僅是瞭解員工離職原因，更是企業改善內部管理的重要契機。HR應呈現真誠的態度與感謝，並關注員工心聲，透過良好的訪談過程，可以發現公司改革方向，也能為企業留下良好的口碑。
API（Application Programming Interface，應用程式介面）可以視為不同軟體系統之間的溝通橋梁，讓雙邊可以交換數據並執行各種功能。這篇會記錄產品經理一定要知道的幾個 API 概念，像是常見的錯誤代碼以及不同的 HTTP 方法（如 PUT、GET、POST）和實際案例說明
※ 什麼是Web API
API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。
API流程：
終端使用者用任何一種裝置進入瀏覽器。
瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。
後端透過 API 收到前端的請求後，取得資料並回應給前端。
前端渲染畫面，終端使用者
xhr
在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。
具體來說步驟有四個：
建立XMLHttpReque
開啟一個請求。
送出請求。
拿到回應後去處理畫面要如何呈現。
在串接第三方 API時，需要定期刷新 token，那有沒有辦法針對 request 和 response 做配置，在 token 過期時先做刷新、再做請求呢？本文要介紹利用 axios 套件提供的攔截器刷新 token 的作法。