BitlyAPI如何完整串接範例教學

取得通行證(Access token)

註冊APP

組成跳轉連結

• client_id(必要) 在註冊app時會取得
• redirect_uri(必要) 使用者在授權頁面操作完以後跳轉回來的頁面路由
• state(選填) 可填入任意字串，授權後會原內容返回，作為驗證用途

https://bitly.com/oauth/authorize?client_id={client_id}&state={state}&redirect_uri={redirect_uri}

授權後請求token

• client_id 註冊的app提供
• code 路由上帶回的參數
• redirect_uri 與跳轉去授權頁面相同的路由
• client_secret 註冊的app提供

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
  })
})

參考資料

• Introduction | Bitly Developer