BitlyAPI如何完整串接範例教學
閱讀時間約 3 分鐘
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 追蹤
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
本文是Bitget交易所入门指南，介绍Bitget的产品服务、使用教学和最新动态。Bitget创始于2018年，秉持“认真严谨”的精神，相信加密货币将在未来发挥重要作用，旨在帮助没有银行帐户的群体受益。
🚀 币安 - 全球最大加密货币交易所
💥 独家优惠 💥 💰 注册即享 20% 手续费
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 的作法。
如果你正想要註冊 Bitget 交易所的帳號，那在開戶的時候，可以順手輸入數位小幫手提供的 Bitget 邀請碼或推薦碼「v9if9589」，領取市面上最優的 20% 手續費折扣返佣跟 1,000 USDT 新戶禮包！
※ 什麼是 RESTful API？
這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
本文章將介紹如何在LINE Notify上設定及使用權杖(access token)來進行通知功能。透過此API，可以使用curl或JAVA CODE來讓結果顯示在Line上面，達到及時的通知效果。
先前幾篇筆記介紹了網路請求，瀏覽器儲存資料的方式，那麼實務上，前端最常需要發送網路請求的時候，就是透過呼叫 API，去向後端工程師發送/請求資料，所以今天來記錄什麼是 API吧！
授權碼模式連線流程
用戶端請求自己的伺服器。
伺服器發現用戶沒登入，就導向認證伺服器。
認證伺服器顯示授權頁面，等待用戶授權。
用戶確認授權後，授權頁面會向認證伺服器請求授權碼。
用戶獲取授權碼。
用戶將授權碼傳給伺服器。
伺服器拿授權碼向認證伺服器取得token。
應用註冊
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
本文是Bitget交易所入门指南，介绍Bitget的产品服务、使用教学和最新动态。Bitget创始于2018年，秉持“认真严谨”的精神，相信加密货币将在未来发挥重要作用，旨在帮助没有银行帐户的群体受益。
🚀 币安 - 全球最大加密货币交易所
💥 独家优惠 💥 💰 注册即享 20% 手续费
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 的作法。
如果你正想要註冊 Bitget 交易所的帳號，那在開戶的時候，可以順手輸入數位小幫手提供的 Bitget 邀請碼或推薦碼「v9if9589」，領取市面上最優的 20% 手續費折扣返佣跟 1,000 USDT 新戶禮包！
※ 什麼是 RESTful API？
這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
本文章將介紹如何在LINE Notify上設定及使用權杖(access token)來進行通知功能。透過此API，可以使用curl或JAVA CODE來讓結果顯示在Line上面，達到及時的通知效果。
先前幾篇筆記介紹了網路請求，瀏覽器儲存資料的方式，那麼實務上，前端最常需要發送網路請求的時候，就是透過呼叫 API，去向後端工程師發送/請求資料，所以今天來記錄什麼是 API吧！
授權碼模式連線流程
用戶端請求自己的伺服器。
伺服器發現用戶沒登入，就導向認證伺服器。
認證伺服器顯示授權頁面，等待用戶授權。
用戶確認授權後，授權頁面會向認證伺服器請求授權碼。
用戶獲取授權碼。
用戶將授權碼傳給伺服器。
伺服器拿授權碼向認證伺服器取得token。
應用註冊