Starbucks訂飲料App-Part2-串接Airtable API(抓取資料)

Starbucks訂飲料App-Part1-登入功能

實作介紹：

1. 建立飲料資料並將資料抓取至TableViewController顯示
2. 利用JSONDecoder把建立好的JSON建立自訂型別

準備工作：

1.首先需要創立一個專屬於你的Airtable帳號，可以參考以下文章

利用 Airtable 製作 iOS App 連結的後台資料

2.選擇自己需要放入的資料，設定內容以及型別(以我的Menu後台作為例子)

飲料名字:drinkName
飲料價錢:mediumPrice,largePrice
飲料圖片:drinkImage
飲料介紹:describe
飲料排列:sort(這裡在TableViewController顯示時會依照後台建立的順序顯示)

3.串接 Airtable API

點擊以下網址

REST API - Airtable

選擇剛剛建立好的Menu資料(Drink)

點擊AUTHENTICATION，將紅筐裡的網址複製並以新視窗打開

想知道自己的API Key可以點擊右上角的show API Key

要記得app2nxltVKfAsfrE5/後面是自己想要抓取的JSON(我是抓取Meun)

範例:https://api.airtable.com/v0/app2nxltVKfAsfrE5/Menu?api_key=自己的API Key

之後會出現像以下圖片的內容(為JSON)

也可以利用JSON Editor Online顯示JSON(將上述內容複製貼上即可)

4.定義JSON資料型別

上述利用 JSON Editor Online 顯示的內容，自定義資料型別！

5.抓取資料顯示於MenuTableViewController(程式)

最後就可以顯示啦～～

完整專案我會放在最後一篇～～