Spotify API入門教學,獲取你的音樂清單JSON檔案

更新於 2024/08/01閱讀時間約 4 分鐘




前言

本次教學主要內容是如何使用Spotify Api獲取自己帳號的音樂清單資料,以Postman來進行測試,了解Spotify Api的Token使用流程。



Spotify Api 開發者手冊

https://developer.spotify.com/documentation/web-api




Spotify Token

取得Spotify Token才能在後續請求使用者資料,在獲取Spotify Token前需要先註冊Spotify帳號登入並獲取開發者身分ID。

登入儀表板

請到Spotify API官方網站登入Spotify帳號,並再儀表板中取得 Client ID、Client secret 在後續請求規範中需要帶入來進行身分驗證。



PostMan 取得Spotify Token

cURL規範

以下是官方所給出的請求內容規範,cURL會描述在請求Api時所需要的條件或是需要帶入的規定型態。

curl -X POST "<https://accounts.spotify.com/api/token>" \\
-H "Content-Type: application/x-www-form-urlencoded" \\
-d "grant_type=client_credentials&client_id=your-client-id&client_secret=your-client-secret"
  1. POST “https://accounts.spotify.com/api/token"在Headers 新增Key & Value
Key: Content-Type Value: application/x-www-form-urlencoded
raw-image


3. Body 新增Key & Value

在這裡請將自己剛剛在儀表板中取得的client_id client_secret填入,其他按照規範所描述的參數帶入

Key: grant_type Value: client_credentials
Key: client_id Value: your-client
Key: client_secret Value: your-client-secret
raw-image


4. Send

這樣就可以獲得一個資料物件,也就是最常見的JSON物件,access_token 的Value也就是你的Token,在後需都需在每一次請求中認證Bearer Token。

raw-image



獲取Spotify Playlist

cURL規範

curl --request GET \\
--url [<https://api.spotify.com/v1/playlists/>](<https://api.spotify.com/v1/playlists/3cEYpjA9oz9GiPac4AsH4n>){playlist_id}/tracks \\
--header 'Authorization: Bearer 1POdFZRZbvb...qqillRxMr2z'

playlist_id

首先我們需要找到自己想獲取的Playlist ID,這個ID沒有隱私,只是作為連結參數,取得方法也很簡單,到自己的Spotify找到自己清單的分享按鈕,取得連結,ID可以在連結中找出。

raw-image


Postman

  1. GET https://api.spotify.com/v1/playlists/{playlist_id}/tracks
把{playlist_id}換自己清單的playlist_id

2. Bearer Token

在Authorization選擇Bearer Token,帶入自己前面所獲得的access_token
raw-image


3. Send

你會得到一個好幾千行的JOSN,可以在小小的JSON花園裡面挖呀挖呀挖了~


結語

最後我們可以透過Postman這樣的Api測試,來確定Spotify Api是可以正常運作的,後續也就可以自行建立Node.js Api Server來客製化自己的Api,或是直接在前端Fetch Spotify Api來使用,不用再程式碼上面測試,或者直接拿取Postman上面的最終結果JSON資料來使用

avatar-img
19會員
18內容數
軟體生活 v0.3.6 是一個理念象徵,一個專注在資訊科技與人文的地方 「在現代科學的浪潮中,我們的理性根植於人文學科的土壤」 生活系列 【一分鐘午後微醺】一杯影視寓意調酒 【三分鐘膠囊咖啡】一顆知識概念膠囊
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
軟體生活 v0.3.6 的其他內容
筆者敘 你是否是科幻迷呢,是否也對這種前瞻性的文學幻想有著一些感受呢,那麼在科幻文學中Cyberpunk系列所描述的世界可能會讓你印象深刻。 本文除了聊Cyberpunk科幻文學的主題外,也想將科幻文學的理念繼續傳遞給更多人了解,科幻文學有如現代科技發展的藍圖,帶領更多人想像並實踐也省思其中所帶
引言 《馬男波杰克》 season 3-11 "有一次我差點被溺死,在那之後我下定決心不再怕水,所以我成了救生員。 在我訓練的第一天,我的教練告訴我,有時你會看到有人遇到麻煩,你會想衝進去,盡你所能去拯救他們,但你必須停下來, 因為有些人你無法拯救。" —Ana Spanakopita
《馬男波杰克》 season 3-3 "你需要很長時間才能意識到自己有多痛苦,甚至需要更長的時間才能發現事情不必如此。只有在放棄一切之後,你才能開始尋找快樂的方法" —Cuddlywhiskers “It takes a long time to realize how truly mis
前言 在AI經歷數個冰河期後,終於在後疫情時代來到了一個技術高峰,而這個破冰者就是OPen AI(ChatGPT),對於這個話題不管你是是正在接觸AI,對AI技術有些了解的人,抑或是專業領域上對於AI介入感到焦慮的人都希望可以文中得到收穫。 本文想分享一些個人對於AI的理解及對於LLM模型的一些
《馬男波杰克》 season 2-2 每個人都會遇到凍齡點,凍齡點就是你停止成長的那一刻,像是成名之後,人就不會成長,因為沒必要。對多數人來說凍齡點也常發生在步入婚姻的時期、安居樂業的時期,或是碰到一個呵護你並且讓你始終如一的人(朋友、伴侶、家人),也就不容易再成長了。 一些心得 我想凍齡
前言 現在的前端需求已經越來越高,要考慮HTML及CSS的切版美觀程度,以及React以及Flutter所提出的元件(Componet、widget)觀念,也就是將元件模組化,使元件可以更動態的被程式運行,而不用靜態的客製化每一個介面。開發一個好的元件可以提升整體的開發速度,讓任何使用元件的開發者
筆者敘 你是否是科幻迷呢,是否也對這種前瞻性的文學幻想有著一些感受呢,那麼在科幻文學中Cyberpunk系列所描述的世界可能會讓你印象深刻。 本文除了聊Cyberpunk科幻文學的主題外,也想將科幻文學的理念繼續傳遞給更多人了解,科幻文學有如現代科技發展的藍圖,帶領更多人想像並實踐也省思其中所帶
引言 《馬男波杰克》 season 3-11 "有一次我差點被溺死,在那之後我下定決心不再怕水,所以我成了救生員。 在我訓練的第一天,我的教練告訴我,有時你會看到有人遇到麻煩,你會想衝進去,盡你所能去拯救他們,但你必須停下來, 因為有些人你無法拯救。" —Ana Spanakopita
《馬男波杰克》 season 3-3 "你需要很長時間才能意識到自己有多痛苦,甚至需要更長的時間才能發現事情不必如此。只有在放棄一切之後,你才能開始尋找快樂的方法" —Cuddlywhiskers “It takes a long time to realize how truly mis
前言 在AI經歷數個冰河期後,終於在後疫情時代來到了一個技術高峰,而這個破冰者就是OPen AI(ChatGPT),對於這個話題不管你是是正在接觸AI,對AI技術有些了解的人,抑或是專業領域上對於AI介入感到焦慮的人都希望可以文中得到收穫。 本文想分享一些個人對於AI的理解及對於LLM模型的一些
《馬男波杰克》 season 2-2 每個人都會遇到凍齡點,凍齡點就是你停止成長的那一刻,像是成名之後,人就不會成長,因為沒必要。對多數人來說凍齡點也常發生在步入婚姻的時期、安居樂業的時期,或是碰到一個呵護你並且讓你始終如一的人(朋友、伴侶、家人),也就不容易再成長了。 一些心得 我想凍齡
前言 現在的前端需求已經越來越高,要考慮HTML及CSS的切版美觀程度,以及React以及Flutter所提出的元件(Componet、widget)觀念,也就是將元件模組化,使元件可以更動態的被程式運行,而不用靜態的客製化每一個介面。開發一個好的元件可以提升整體的開發速度,讓任何使用元件的開發者
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
身為一個聲聲說自己愛聽音樂的人,每年都很期待這個時候。真心非常喜歡Spotify這個功能,可以定期讓自己知道這一年來究竟又聽了什麼音樂。 可能因為幾乎整天都在聽音樂還有愛聽中文歌的習慣,每年的回顧好像都有類似的趨勢,就是左半部大概都是歌曲數很多的歌,但跟右半部常聽的單曲通常對不起來:)
Thumbnail
▌葉郎每日讀報:Spotify 如何用修改公式幫唱片公司多擠出一點(杯水車薪的)奶水 ▌ 20231127 已經沸沸揚揚地傳了好幾個月的 Spotify 串流權利金分配機制變更,終於在上週正式在 Spotify 官方部落格曝光。 繼續穩坐市場龍頭的 Spotify 並沒有改善他們的處境。一
Thumbnail
Spotify推新AI功能,將podcast主持人的聲音翻譯成各國語言。
Thumbnail
據報導, Spotify正在考慮收購其專注於中東和北非的競爭對手Anghami。
Thumbnail
Spotify 週一宣布,它正在測試一項新功能,該功能將允許創作者在他們的個人資料中推廣他們的NFT。 這家瑞典音頻流媒體和媒體服務提供商表示,新選項僅適用於“極少數創作者”。該公司表示,該測試目前可供美國選定的 Android 用戶組使用。 音樂產業中的區塊鏈
Thumbnail
這篇文聊聊Spotify近年來在Podcast領域的布局,以及Spotify在Podcast上的投資能不能讓他們成為Podcast界的Youtube?
Thumbnail
爭議背景之下,Spotify 發佈上一個財報週期的營收報告,儘管一切看似穩健成長,卻依然不免讓所有投資人憂慮這起公關問題是否未來造成長久的打擊?
Thumbnail
Spotify 的大軍殺向 Podcast 市場,花大錢買下了 Joe Rogan 的獨家。到底 Spotify 的計畫是什麼?這樣的投入真的能夠得到足夠的回報嗎?
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
身為一個聲聲說自己愛聽音樂的人,每年都很期待這個時候。真心非常喜歡Spotify這個功能,可以定期讓自己知道這一年來究竟又聽了什麼音樂。 可能因為幾乎整天都在聽音樂還有愛聽中文歌的習慣,每年的回顧好像都有類似的趨勢,就是左半部大概都是歌曲數很多的歌,但跟右半部常聽的單曲通常對不起來:)
Thumbnail
▌葉郎每日讀報:Spotify 如何用修改公式幫唱片公司多擠出一點(杯水車薪的)奶水 ▌ 20231127 已經沸沸揚揚地傳了好幾個月的 Spotify 串流權利金分配機制變更,終於在上週正式在 Spotify 官方部落格曝光。 繼續穩坐市場龍頭的 Spotify 並沒有改善他們的處境。一
Thumbnail
Spotify推新AI功能,將podcast主持人的聲音翻譯成各國語言。
Thumbnail
據報導, Spotify正在考慮收購其專注於中東和北非的競爭對手Anghami。
Thumbnail
Spotify 週一宣布,它正在測試一項新功能,該功能將允許創作者在他們的個人資料中推廣他們的NFT。 這家瑞典音頻流媒體和媒體服務提供商表示,新選項僅適用於“極少數創作者”。該公司表示,該測試目前可供美國選定的 Android 用戶組使用。 音樂產業中的區塊鏈
Thumbnail
這篇文聊聊Spotify近年來在Podcast領域的布局,以及Spotify在Podcast上的投資能不能讓他們成為Podcast界的Youtube?
Thumbnail
爭議背景之下,Spotify 發佈上一個財報週期的營收報告,儘管一切看似穩健成長,卻依然不免讓所有投資人憂慮這起公關問題是否未來造成長久的打擊?
Thumbnail
Spotify 的大軍殺向 Podcast 市場,花大錢買下了 Joe Rogan 的獨家。到底 Spotify 的計畫是什麼?這樣的投入真的能夠得到足夠的回報嗎?