#45串接 Instagram API

JSON資料解析/製作Post頁面

前一篇：用存在Assets資料做出照片牆

#44 Instagram個人資訊頁照片牆

解析JSON

Instagram API

📌連網路抓取資料

https://www.instagram.com/UserAcount/?__a=1

📌 或JSON 檔放在 Mac 後台抓取資料

使用 Mac 當後台，存放測試的圖片和 JSON

let urlStr = “http://127.0.0.1/IGJSON.json"

JSON Editor / POSTMAN

https://jsoneditoronline.org

📌進到網站

📌在JSON Editor貼上Instagram API裡的文字

自訂資料型別 InstagramResponse

📌找到這個網頁也很清楚，方便自訂型別

https://www.jsonformatting.com/

📌URLSession 抓取資料

📌WallCollectionViewCell內容抓取網路資料(照片牆)

📌ProfileCollectuinReusableView內容抓取網路資料(簡介)

照片牆點任一照片顯示該照片與貼文

取得前一頁面資料

📌PostDetailCollectionViewController(接收頁)

📌WallCollectionViewController(傳遞資料頁)

PostDetailCollectionViewCell建立@IBOutlet

PostDetailCollectionViewController的Cell的內容

讓CollectionView捲動到指定的Cell

貼文時間轉換

GIF：

GitHub：

ninayang036/IG