Starbucks訂飲料App-Part2-串接Airtable API(抓取資料)
Published in
Jun 15, 2022
實作介紹:
- 建立飲料資料並將資料抓取至TableViewController顯示
- 利用JSONDecoder把建立好的JSON建立自訂型別
準備工作:
1.首先需要創立一個專屬於你的Airtable帳號,可以參考以下文章
2.選擇自己需要放入的資料,設定內容以及型別(以我的Menu後台作為例子)
飲料名字:drinkName
飲料價錢:mediumPrice,largePrice
飲料圖片:drinkImage
飲料介紹:describe
飲料排列:sort(這裡在TableViewController顯示時會依照後台建立的順序顯示)
3.串接 Airtable API
點擊以下網址
選擇剛剛建立好的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(程式)
最後就可以顯示啦~~
完整專案我會放在最後一篇~~