#47 定飲料App 搭配 AirTable — Part1 實作Get 功能

這次訂飲料App參考星巴克的官網與App，搭配 AirTable 模擬後台資料

Airtable | Everyone's app platform

Step1 建立飲料Menu資料庫

在 AirTable上建立飲料清單資料，欄位包含飲料名稱、飲料分類大項目、飲料分類小項目、Size、營養標示、價格等。

Step2 查看API文件

閱讀AirTable的API使用規範，可以看到要取得資料需使用的Url。

複製取資料需要的ApiKey。

Step3 撰寫程式碼

飲料清單畫面

使用 TableView 搭配自訂 TableView Cell ，透過飲料的大分類呈現資料。

定義資料結構

將上一步驟的Url、ApiKey、Header 寫成變數

將變數帶入URLRequest，取得飲料Menu的Data並轉成我們自訂的資料格式

飲料選項畫面

飲料選項畫面使用 TableView 呈現，加上在 Cell 內放入 ScrollView 實現水平拖曳觀看所有品項。

取得資料後，依照飲料的分類帶入不同Cell，並設置 ScrollView 內容大小、計算文字、圖片、按鈕之間位置。

展示

實作 Post 功能

#48 定飲料App 搭配 AirTable — Part2 實作 Post 功能

實作 Delete 功能

#49 定飲料App 搭配 AirTable — Part3 實作 Delete 功能

實作 Patch 功能

#50 定飲料App 搭配 AirTable — Part4 實作 Patch 功能

GitHub

GitHub - croc0909/DrinkApp

參考資料

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

Episode 100 — 訂飲料 App: 天仁茗茶

[iOS] Final Assignment for Peter’s swift class — DrinksOrder