利用 JSON Editor Online 排版美美的 JSON 資料
Published in
4 min readFeb 5, 2021
開發 iOS App 時，我們時常串接 API 抓取 JSON 格式的資料。不過 JSON 卻讓我們又愛又恨，它豐富了我們的 App 內容，但要看懂 JSON 卻不是件易事。
以 iTunes API 為例，我們想抓取戴佩妮的相關音樂。
它的 API 網址如下:
https://itunes.apple.com/search?term=戴佩妮&media=music&country=tw透過以上網址抓取的 JSON 如下，能馬上看懂的大概只有火星人。
不過沒關係，我們可以找網站 JSON Editor Online 幫忙，它將幫我們美美地排版 JSON，幫我們更容易看懂 JSON。
連到網站 JSON Editor Online
點選下圖的 Open from url
輸入 API 網址後按 Open。
https://itunes.apple.com/search?term=戴佩妮&media=music&country=tw
ps: 如果 open url 失敗，出現紅色錯誤，也可先利用其它方法抓取 JSON 資料，比方從瀏覽器，curl 或 Postman 抓資料，然後再將 JSON 內容貼到下圖的框框裡。
Penny 好聽歌曲的 JSON 以美麗的色彩顯示在網頁上。
不過只有彩色是不夠的，我們可以再點選 tree，讓它整齊地排版，方便我們閱讀。從下圖可看出 JSON 的第一層是 { } 的物件，key 有 resultCount & results。
results 的內容是 array ，有 50 個項目，我們可點選三角形展開。
點選 array 裡第 5 首歌旁的三角形，查看物件 { } 的詳細內容。從下圖可看到 trackName 代表歌名，previewUrl 是歌曲的試聽網址。令人開心的，它是彼得潘超愛的怎樣，如果我們現在還在一起會是怎樣，我們是不是還是深愛著對方 ~
One more thing
- 讓 Safari 漂亮顯示 JSON 資料的 Safari extension
- 以視覺化圖表顯示 JSON 的 JSON Crack
