---
tags: JS 直播班 - 2022 秋季班
---

# 第八關小組任務
使用 discord、ZOOM 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。回報內容需含：
1. 該問題集的答案
2. 提供 1~3 張 discord 或 ZOOM 對話截圖，確保有進行小組討論
3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。

**常見問題：**
Q：約時間討論的組員至少要幾位？
A：至少兩位就可成團！

Q：如果沒有分組，可以一起玩嗎？
A：可以

# 問題集
## 第一題 最終關卡討論

請討論 API 該如何與整合前端 [XD 設計稿](https://xd.adobe.com/view/a48b8617-4588-4817-9062-b62130dce916-f1d8/)

### 問題一：初始化，取得產品與購物車列表

* [取得產品列表(Get)：/api/livejs/v1/customer/{api_path}/products](https://hexschool.github.io/hexschoolliveswagger/#/%E7%94%A2%E5%93%81%E7%9B%B8%E9%97%9C(%E5%AE%A2%E6%88%B6)/get_api_livejs_v1_customer__api_path__products)
* [取得購物車列表(Get)：：/api/livejs/v1/customer/{api_path}/carts](https://hexschool.github.io/hexschoolliveswagger/#/%E8%B3%BC%E7%89%A9%E8%BB%8A%E7%9B%B8%E9%97%9C(%E5%AE%A2%E6%88%B6)/get_api_livejs_v1_customer__api_path__carts)

//取得產品列表(Get)：/api/livejs/v1/customer/{api_path}/products
{
  "status": true,
  "products": [
    {
      "category": "產品分類 (String)",
      "image": "產品圖片 (String)",
      "id": "產品ID  (String)",
      "title": "產品名稱  (String)",
      "origin_price": "產品原始價錢 (Number)",
      "price": "產品銷售價錢 (Number)"
    }
  ]
}

>新帳號預設購物車會有一筆資料
### 問題二：新增購物車品項，並再次初始化購物車列表
* [加入購物車(POST)：/api/livejs/v1/customer/{api_path}/carts](https://hexschool.github.io/hexschoolliveswagger/#/%E8%B3%BC%E7%89%A9%E8%BB%8A%E7%9B%B8%E9%97%9C(%E5%AE%A2%E6%88%B6)/post_api_livejs_v1_customer__api_path__carts)

### 問題三：修改購物車狀態(刪除全部、刪除單筆)，並再次初始化購物車列表
* [清除購物車內全部產品(DELETE)：/api/livejs/v1/customer/{api_path}/carts](https://hexschool.github.io/hexschoolliveswagger/#/%E8%B3%BC%E7%89%A9%E8%BB%8A%E7%9B%B8%E9%97%9C(%E5%AE%A2%E6%88%B6)/delete_api_livejs_v1_customer__api_path__carts)
* [刪除購物車內特定產品(DELETE)：/api/livejs/v1/customer/{api_path}/carts/{id}](https://hexschool.github.io/hexschoolliveswagger/#/%E8%B3%BC%E7%89%A9%E8%BB%8A%E7%9B%B8%E9%97%9C(%E5%AE%A2%E6%88%B6)/delete_api_livejs_v1_customer__api_path__carts__id_)

### 問題四：送出購買訂單，並再次初始化購物車列表
* [送出購買訂單(POST)：/api/livejs/v1/customer/{api_path}/orders](https://hexschool.github.io/hexschoolliveswagger/#/%E8%A8%82%E5%96%AE%E7%9B%B8%E9%97%9C(%E5%AE%A2%E6%88%B6)/post_api_livejs_v1_customer__api_path__orders)

### 問題五：觀看後台訂單
* [取得訂單列表(GET)：/api/livejs/v1/admin/{api_path}/orders](https://hexschool.github.io/hexschoolliveswagger/#/%E8%A8%82%E5%96%AE%E7%9B%B8%E9%97%9C(%E7%AE%A1%E7%90%86%E8%80%85)/get_api_livejs_v1_admin__api_path__orders)
* [Codepen 範例](https://codepen.io/hexschool/pen/yLgaBWV?editors=1010)

---

## 回報區

回報範例：

無組別 [小組任務連結傳送門](https://)
- [x] [第 14 組](https://hackmd.io/@christina6185/rJ8HKxSUi)
- [x] [第 8 組](https://hackmd.io/H-MTihsXRHaRJMuZnBVU7A)
- [x] [第 27 組](https://hackmd.io/ZES9ehECTueEZFzyFN86Cg?view)
- [x] [第 9組](https://hackmd.io/4n4E6CCzS7GPZLQv4xRHCQ)
- [x] [第1組](https://hackmd.io/2r5MQxnRQcSkD8AWiLdtnw) 第七週也有交，尚未看到勾選，謝謝助教
- [x] [第 5 組](https://hackmd.io/BLYd6u09SN2JZBNVmnI9Kw) 我才是真正的第 5 組哦!!! 以下的同學搞錯了XDD
https://hackmd.io/kmBS7Cw4Qd2E8OTz1-1GEA
- [x] [第 20 組](https://hackmd.io/kmBS7Cw4Qd2E8OTz1-1GEA
- [x] [第 3 組](https://hackmd.io/a79KkGhOSaiHJEI6EZ1lmw?view)
- [x] [第15組](https://hackmd.io/@tetsu86/rym2PU4Gi)
- [x] [第24組](https://hackmd.io/@j6ccRYgTTEiVcfMfmAELcw/HkVrTw_Lj)
- [x] [第19組](https://hackmd.io/@JS2022-team-19/BJpjgQ2Uj)
- [x] [第17組](https://hackmd.io/XFx50bkfSqaIPp80MuPLwA)
- [x] [21 + 22](https://hackmd.io/@YIHQx96xTI-K9vDjhzEfDA/rJmW69xGo/%2FrJQ6foeGi)
- [x] [第10組](https://hackmd.io/@ysgzpIRJQxOz1-kxX9ynYg/SytKStwPs)
- [x] [第 25 組](https://hackmd.io/dzh39QwzRSabsIgIyACUdg?view)
- [x] [第 6 組](https://hackmd.io/@alen31002000/rk0UKymMo/%2FJdFTsJmrSiyE_xXNHyFm9Q%3Fview)