#38 約翰紅茶飲料App-利用Airtable建立資料、實作Get 功能(1)

練習目的：利用 Airtable 串接後台API，實作Get 功能

第一篇：建立Airtable、下載資料Get功能、資料傳遞IBSegueAction

展示一下成果：

技術項目：

REST API(RESTful API)

使用 URLSession 串接 REST API，實作get、post、delete功能

App功能：

・下載Airtable飲料資料
・客製化訂購飲料
・購物車確認
・上傳Airtable訂購資料

1. 建立飲料資料庫(註冊及使用Airtable)

在 Airtable 註冊一個帳號 https://airtable.com/
依據這個網站的步驟，一步一步建制我們要上傳的項目，並在 AirTable上建立約翰紅茶飲料資料，欄位分別為：飲料名字、飲料分類、飲料敘述、中杯大杯價錢、是否提供熱飲珍珠、糖度、冰量

約翰紅茶飲品分成「紅茶經典」、「紅茶那堤」、「紅茶特調」三種，在Airtable直接分成三個表單，讓App可以依品相做頁面的切換

2.查看API文件

閱讀AirTable的API使用規範，看取得資料需使用的Url
左邊切換到 AUTHENTICATION 的分類，找到右邊連結的網址

接下來要取得 API key

1. 先連接到 https://airtable.com/account
2. 點選 Generate API key

點選紫色區塊就會出現API key

3.設計storyboard畫面

在 storyboard 用 1 個 UIView 帶入 3 個 TableViewController，最後再把點選的畫面資料傳給下一個頁面

4.撰寫程式

(1)依據 Airtable 的 Json 格式，在 Xcode 先新增 file(DrinkData)

(2)頁面切換的程式碼：

利用多個 container view 切換頁面

(3)MenuViewController 中的 UIView，以 Page1TableViewController 為說明：

Page1TableViewController

REST API(RESTful API)-GET功能

抓取menu1資料

資料對應的sections&rows

並把抓取的資料設定給 Cell

傳遞資料至下一頁(OrderViewController)

Page1TableViewCell

建立 TableViewCell.swift 並拉出相對應的 outlet

OrderViewController

定義 init，由參數設定 property

viewDidLoad畫面設定(是否有熱飲跟珍珠選項)

飲品客製化選擇設定

UIAlertController，確認訂購者姓名是否有輸入

預計接下來會有

第二篇：上載資料Post功能

第三篇：刪除資料Delete功能

參考文章：

#20 訂飲料 App，上傳資料到後台