BitlyAPI如何完整串接範例教學

取得通行證(Access token)

註冊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

• 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

  })

})

參考資料