#19 串接第三方 API，解析 JSON 資料，轉換成自訂型別顯示

作業目的: 學習利用 URLSession 抓取後台的 JSON 資料，利用 JSONDecoder 和 Codable 將 JSON 資料生成自訂型別。

功能需求:

基本功能

• 串接第三方 API，解析回傳的 JSON 資料，顯示成列表。

至少使用到兩個 API，使用愈多 API 分數愈高。(上課範例以外的 API) 比方以下電影 TMDB API 的 Get Popular & Get Top Rated 代表 2 個 API。

範例: 電影 TMDB API

API Docs

• 點選列表的某個項目後，進到下一頁顯示詳細資訊。
• 資料尚未抓到時，顯示 UIActivityIndicatorView。
• 資料抓取失敗，比方沒有網路時，顯示 UIAlertController。

進階功能

• 模仿 Apple 官方範例串接 JSON API，初學者建議先研究第二個方法，定義串接 API 的物件，串接 API 的 function 裡定義 function 型別的 completion 參數 & 使用 Result type。

模仿 Apple 官方範例串接 REST API 的 5 種寫法

請 AI 幫忙

請 AI 依據範例和 API 文件開發串接 API 的 Swift 程式

第三方 API 參考

第三方 API 整理

透過 RapidAPI 串接網路上五花八門的 API

#180 適合新手練習串接的 REST API

彼得潘的 100 種 API 串接

參考資料

利用 JSONDecoder 把 JSON 轉換成自訂型別的資料

iOS 解碼 & 編碼 JSON 的文章整理

使用 URLSession 串接 http get，post，delete，put API，以 Reqres API 為例

參考範例

• SwiftUI 動物森友會 App

Dimillian/ACHNBrowserUI

• SwiftUI TMDB 電影 App

alfianlosari/SwiftUITMDbV2

• UIKit TMDB 電影 App

GitHub — amrhossam96/Netflix-clone: This is a cloned version of Netflix app. repo is being updated…

DeluxeAlonso/UpcomingMovies

作品集

Swift CollectionView-CsutomerCollectionCell、Decoder API ; CollectionCell陰影、CollectionCell…

C68.從 RAWG API 到 iOS：解析和顯示 PC 遊戲數據

作業#49 — 東京淺草觀音寺一百籤

利用JSONDecoder串接第三方API

[iOS] #7 閱讀是一輩子的事之Google Books API

Episode 98 — 串接第三方 API :桌遊 API

#22 串接第三方 API — 天氣App

Swift App — Chat with AI

#25 串接第三方 API-以SpaceX API與YouTube API實現解析 JSON 資料、與WKWebView資料傳遞

#31 天氣App | part 2, 串接OpenWeatherAPI

[iOS] Weather App-Part2.串接OpenWeatherMap

＃7 換算 App，匯率換算

#44 使用 RSS Builder 練習API串接、解析JSON格式、ScrollView 無限連播功能

#60 比特幣換算app

作業#55 周杰倫音樂專輯App

#24 製作臺灣頭條新聞 App（串接 News API）

#45串接 Instagram API

APP練習－Spotify API (2) PKCE 授權登入

Swift IOS作品二：新聞App

#21 利用開放 API 資料，建立休閒農場住宿 APP

#19 Xcode — 串接疾管署API，地圖上標註疫情地區。

[iOS]Covid-19 data App using API

Swift Practice # 103 KKBOX API 畫面實現

模仿 Dcard APP | 串接 Dcard API part2：內文與留言

Swift IOS作品三：虛擬貨幣追蹤App

Unit IX：「INSTAGRAM + APPLE MUSIC」— the Fusion APP

食譜API使用TableView&CollectionView呈現

#14 模仿 Instagram App (IG), Instagram API , JSON 資料解析篇 #1

串接第三方 API 解析 JSON 查詢城市咖啡館之 City Cafe App

串接第三方 API，解析 JSON 資料，轉換成自訂型別顯示

Unit V：「串接 Café API 」整個城市的都是我的工作站

串接多種 API 製作Lady Gaga App(綜合篇)

串接第三方 API，今晚我想搜尋老電影……. FindFim App

#40 ⭐️ ⭐️ 研究有趣的第三方 API，讀取資料做一個 App(feat. Instagram)

智宇的IG API串接練習

[Swift] 又忘記換匯啦

iOS 串接第三方API — 動物森友會

Storyboard New York Times APP

今年最受歡迎的電影之三

串接API — 振興三倍券地圖

Harvard Art Museums API (iOS App)

iOS Twitter API串接 + JSON解析 - Twrendings

API串接練習咖啡店＆＆Mapkit應用 導航 (1) 串接API

串接多種 API 製作Lady Gaga App(綜合篇)

MTG Deck Viewer iOS App

[Swift]練習。Music App #3 JSON, Codable, Instagram API

串接多種 API 製作Lady Gaga App(Reddit篇-Part1-)

Carpark Availability iOS App

嘗試從網路抓取圖片

#110 串接 IG JSON API 製作 IG 的使用者 - 第一篇

#92 大學的 SwiftUI iOS App 入門課程期末專題

#19 串接第三方 API、解析 JSON轉換成自訂型別：Random Film

Simple Weather App ☀️🌦⛈❄️

[Swift 教學] iOS APP如何串接API

[iOS study] 練習串接第三方 API，以Google Custom Search展示mojim歌詞

CafeNomad — API Practice, JSON to Swift4 Conversion

#6 COVID-19UK — 串接API、解析JSON part2

Swift串接第三方爐石API

作業#6.12 — 串接NASA api-解析-json-資料顯示

#19 串接第三方 API，解析 JSON 資料，轉換成自訂型別顯示

透過 Open API 實作 空氣品質觀測 App

打造家用書庫系統

串接第三方API，介紹化妝品牌

Traveler

Swift Practice # 89 中央氣象局JSON解析 衛星雲圖與雷達回波

期末 App — 鐵路時刻表

期末專題-海大吃什麼2

IOS daily book

天氣App 第二集：API抓圖片、Table View嵌入Collection View Cell