JS直播班第2組 --- 第8週討論區
===

###### tags: `第2組小組討論` `2021` `JS直播班` `秋季班` `六角學院`

:::success
**小組討論時間：11月28日 週日 晚上 8:00 - 10:00**
:::

## 簽到區

| 組員名稱 | 報到 |
| -------------- | ------------------ |
| Karen Huang | :heavy_check_mark: |
| Keep | |
| natsu | |
| Steve |:heavy_check_mark: |
| ZY Hsu | |
| 乃萱 | |
| 有廖先生(Rain) | :heavy_check_mark: |
| 簡君庭 | |
| 群嘉 | :heavy_check_mark:|
| 連小艾 | :heavy_check_mark: |

# 第八關小組任務
請透過線上會議或 Slack 討論 25 分鐘，解答此[問題集](#%E5%95%8F%E9%A1%8C%E9%9B%86)，回報流程如下：

1. 請組長到 Slack 此[訊息](https://hexschool-share.slack.com/archives/G01H6GA03UH/p1617097362003000)的 thread 私訊回報解答，**一個小組請派一人提交 HackMD 解答即可（請記得開啟權限）**。回報內容需含：
1. 該問題集的答案
2. 提供 1~3 張視訊或 Slack 對話截圖，確保有進行小組討論
3. 組員參與名單
2. 助教檢視過後，就會透過 Slack 來回報審核成功與否。
3. 若有組員全程沒有參與到討論，該組員不會收到卓越小組徽章，其餘有符合條件者，都會獲得徽章。

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)

### :bookmark: 問題1-5的回答

[最終作業說明書](https://docs.google.com/presentation/d/13PEg5NawTpyzRsLrpE8V8qiQLleetK4lEKnziIN_5Ac/edit#slide=id.p)

### :studio_microphone: 本次討論用 slack & google meet