API串接-熱門電影Top20

Cash
彼得潘的 Swift iOS / Flutter App 開發教室
3 min readJun 16, 2020

1.連接TMDB 電影 API
2.使用JSON傳遞資料
3.使用Table View呈現

有關於TMDB API的說明
官方網站就有說很詳細了

得到API之後
使用Postman解析JSON格式資料

找到JSON裡我們所需要的Key
定義他們的型別
要服從Codable的協定才有辦法做編碼、解碼的動作唷~

拉好Table View Cell的UI元件

因為創建時是使用ViewController
因此類別需要遵從TableView的協定
(UITableViewDelegate, UITableViewDataSource)

再來就是使用decoder來解碼
取得我們所需要的Data
這裡日期格式我們設定為.iso8601

遵從Protocol後會有錯誤
所以要補上這兩個方法

(numberOfRowsInSection) 回傳電影陣列總數給cell (moviesArray.count)
(cellForRowAt)找到我們做好的”MovieTableViewCell”
這裡記得一定要轉型 as! MovieTableViewCell

Cell所需要的資料
1.電影名稱 title
2.上映日期 release_date
3.評價 vote_average
4.電影封面 (imageURL)

--

--