#20 訂飲料 App,上傳資料到後台
作業目的: 學習串接後台 API,新增讀取後台資料 。
搭配雲端平台 Airtable
,SheetDB 或 Firebase,實作訂飲料 App。
建議做法: 在 Airtable 存訂單,在 GitHub 存 menu 的資料和飲料照片。
App 功能需求。
1 新增訂購的飲料,畫面可考慮用 static cell。
欄位:
(1) 名字
(2) 飲料 (運用 picker, table 或 action sheet 讓使用者選擇,甚至加上 search 功能)
(3) 甜度
(4) 溫度
(5) 大小
2 統計顯示訂購的飲料清單。
ex:
彼得潘親手泡的暖心珍奶 2 杯,半糖去冰
虎克船長親手泡的心寒珍奶 2 杯,無糖多冰
提示: 串接 SheetDB 的朋友,抓取的資料預設都是字串,可搭配參數 cast_numbers 將字串變成數字。
3 飲料的 menu。
做法1: 將 menu 的 JSON & 圖片存在 GitHub。
做法2: 將 menu 存在 Airtable,透過 API 讀取 JSON 和圖片。
做法3: menu 的 JSON 檔和圖片存在 App 裡。
做法4: menu 的 plist 檔和圖片存在 App 裡。
4 防止 API key 上傳到 GitHub。
ps: 上課的同學若要提供 App 讓同學訂飲料,請在 LINE 群組告知 API key,然後同學再從 APIKey.plist 設定 API key。
5 可修改編輯。
6 可刪除。
7 播打店家電話訂飲料。
8 想不出要點什麼嗎 ? 手搖 iPhone 讓老天爺隨機決定一杯飲料吧。
9 訂飲料時唸出每杯飲料給店員聽
進階功能。
- 模仿 Apple 範例,從文章裡介紹的 5 種寫法選擇其中一種。
- 登入功能,登入後訂飲料不用輸入名字。
- 購物車功能。
可以訂多個飲料,然後再到購物車頁面確認訂購。
- 模仿 Uber Eats App 製作點餐頁面。
- 團購功能。