[第六週] API 基礎-
實際串接 Twitch API

MiaHsu
3 min readApr 10, 2020

--

學習目標:串接 Twitch API 得到 TOP 10 遊戲

前置作業:

  1. 安裝 node.js
  2. 專案資料夾安裝 request $ node install request

步驟1. 取得 Client IDs

這邊使用的是新版的 API,從 20200430 以後,串接 API 都需要 OAuth
Client IDs

我們先暫不討論 OAuth,要拿到 Client IDs 得先註冊登入 Twitch Developers,這邊要特別注意!必須帳號通過二次驗證(Email + 手機)才能取得 Client IDs。

[應用程式]>[註冊您的應用程式]

[註冊表單]

⚠️:1⃣️ 名稱不能含 Twitch 2⃣️ 重新導向網址因為測試用所以填
http://localhost 3⃣️ 分類可以先隨意選擇。

取得 Client IDs:[應用程式]>[管理]>[用戶端 ID]

步驟2. 串接 API

方法一、使用 curl

若要使用官網提供的 sample code 請注意以下幾點:

  • 裡面的單引號(’’)全數都要換成雙引號(””)。
  • 文件內 sample code 的斜槓是讓你換行,但 cmder 無法同時執行兩行,需要手動把 / 刪除。
  • 加上 Authorization:因為 20200430 後都得加上(資料),但 sample code 還沒有更新(20200410),反正以後都要加就先加上吧!

因此整理完的 code 會長這樣

curl -H "Authorization: Bearer cfabdegwdoklmawdzdo98xt2fo512y" -H "Client-ID: 你的Client IDs" -X GET "https://api.twitch.tv/helix/users?id=44322889"

方法二、使用 request

執行 $ node twitch.js

串接成功

步驟3. 抓取 TOP 10 熱門遊戲

開始閱讀 API 文件,我覺得最難的應該是找到你要的資料,你要先有 keyword 接著仔細閱讀如何操作,才能正確地獲取資料。

因此我找到了 Get Top Games

細看文件,預設是抓取前 20 所以我這邊要加上參數 first 改成前 10

執行 $ node twitch.js

--

--

MiaHsu

每件事都是最好的安排,成為更好的自己