Play all audios:
開發 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 讓 SAFARI 漂亮顯示 JSON 資料的 SAFARI EXTENSION JSON 格式的資料有許多的 {} 和 []，時常讓我們看到眼花撩亂。 medium.com * 以視覺化圖表顯示 JSON 的 JSON CRACK