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

更新於 發佈於 閱讀時間約 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會員
19內容數
軟體生活 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
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
歡迎給自己一杯咖啡的時間,聽聽優質的好音樂,讓樂符療癒放鬆你的身心靈。 或許是宇宙的
Thumbnail
今天要和大家分享我常用來收聽 Podcast 的 Apple Podcast 和 Spotify Podcast 兩個平台,它們都結合了 AI 強大的辨識功能,讓 Podcast 開始擁有新功能 — 即時逐字稿。倘若你錯過了某段話或想重溫某個片段,可以使用即時逐字稿功能,快速且直接選擇想聆聽的段落。
Thumbnail
初來這個網站 放一些以前畫的,有關音樂的圖
Thumbnail
在串接第三方 API時,需要定期刷新 token,那有沒有辦法針對 request 和 response 做配置,在 token 過期時先做刷新、再做請求呢?本文要介紹利用 axios 套件提供的攔截器刷新 token 的作法。
Thumbnail
本文將一步步帶你瞭解如何使用Google表單和文字MP3專業版快速製作Google線上聽力試題,如何創建新的Google表單、設為測驗、設計問卷結構、上傳聽力音檔、設定答案和分數、發布與分享聽力測驗以及評估測驗結果。同時分享了快速生成題目音檔的密技。
Thumbnail
這公司到底有沒有賺錢啊? 這是好幾次我打開 Spotify 聽音樂,每當歌曲與歌曲間跳出廣告時,腦中會閃過的疑問。因此,我就感到好奇…
Thumbnail
樂點APP 利用全球首創的AI技術,讓人人都能輕鬆做出自己的歌曲,並合成MV上架、最後利用區塊鏈存取歌曲版權進行變現。 是款利用AI技術作曲的APP,有興趣的朋友可以下載來試試看。 這篇新聞,是關於AI創作延伸的著作權歸屬等相關問題。
Thumbnail
現代網路發達,音樂串流平台選擇多元,而平台之間又有什麼區別呢?要如何選擇適合自己的平台呢?若有喜歡的音樂人,狂聽他的音樂來衝點擊率能支持到他多少呢?要怎麼讓自己的音樂被串流平台青睞呢?如果你對音樂串流平台也有很多疑惑,歡迎和本篇文章一起探索解答。
Thumbnail
JavaScript 套件,頁碼 Pagination.js 搭配 axios API 請求範例
Thumbnail
先前幾篇筆記介紹了網路請求,瀏覽器儲存資料的方式,那麼實務上,前端最常需要發送網路請求的時候,就是透過呼叫 API,去向後端工程師發送/請求資料,所以今天來記錄什麼是 API吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
歡迎給自己一杯咖啡的時間,聽聽優質的好音樂,讓樂符療癒放鬆你的身心靈。 或許是宇宙的
Thumbnail
今天要和大家分享我常用來收聽 Podcast 的 Apple Podcast 和 Spotify Podcast 兩個平台,它們都結合了 AI 強大的辨識功能,讓 Podcast 開始擁有新功能 — 即時逐字稿。倘若你錯過了某段話或想重溫某個片段,可以使用即時逐字稿功能,快速且直接選擇想聆聽的段落。
Thumbnail
初來這個網站 放一些以前畫的,有關音樂的圖
Thumbnail
在串接第三方 API時,需要定期刷新 token,那有沒有辦法針對 request 和 response 做配置,在 token 過期時先做刷新、再做請求呢?本文要介紹利用 axios 套件提供的攔截器刷新 token 的作法。
Thumbnail
本文將一步步帶你瞭解如何使用Google表單和文字MP3專業版快速製作Google線上聽力試題,如何創建新的Google表單、設為測驗、設計問卷結構、上傳聽力音檔、設定答案和分數、發布與分享聽力測驗以及評估測驗結果。同時分享了快速生成題目音檔的密技。
Thumbnail
這公司到底有沒有賺錢啊? 這是好幾次我打開 Spotify 聽音樂,每當歌曲與歌曲間跳出廣告時,腦中會閃過的疑問。因此,我就感到好奇…
Thumbnail
樂點APP 利用全球首創的AI技術,讓人人都能輕鬆做出自己的歌曲,並合成MV上架、最後利用區塊鏈存取歌曲版權進行變現。 是款利用AI技術作曲的APP,有興趣的朋友可以下載來試試看。 這篇新聞,是關於AI創作延伸的著作權歸屬等相關問題。
Thumbnail
現代網路發達,音樂串流平台選擇多元,而平台之間又有什麼區別呢?要如何選擇適合自己的平台呢?若有喜歡的音樂人,狂聽他的音樂來衝點擊率能支持到他多少呢?要怎麼讓自己的音樂被串流平台青睞呢?如果你對音樂串流平台也有很多疑惑,歡迎和本篇文章一起探索解答。
Thumbnail
JavaScript 套件,頁碼 Pagination.js 搭配 axios API 請求範例
Thumbnail
先前幾篇筆記介紹了網路請求,瀏覽器儲存資料的方式,那麼實務上,前端最常需要發送網路請求的時候,就是透過呼叫 API,去向後端工程師發送/請求資料,所以今天來記錄什麼是 API吧!