---
# System prepended metadata

title: "\U0001F3C5 Day 13 - req.params 取得特定資料"
tags: [Node.js 直播班 - 2024 春季班]

---

# 🏅 Day 13 - req.params 取得特定資料 
延續前一天，當我們要取得特定貼文的資料的時候就會需要使用到該貼文的 id，而每個貼文都有自己的 id，此時就可以設計成動態路由：
```javascript=
app.get('/post/:id', (req, res) => {
  const id = req.params.id; // 使用 params 取得帶入的 id
  res.send(`目前貼文 id: ${id}`);
})
```
> 取得 id 就可以對此貼文做一些操作，像是使用 mongoose 搜尋貼文的 collection，符合此貼文的 id 就回傳它的資料等等


### 參考資源

- [Express - API 參照(req.params)](https://expressjs.com/zh-tw/api.html#req.params)
- 課程影音「Express - Node.js Web 應用程式架構」

題目
---
參考最終作業設計稿頁面，以下是當使用者造訪[個人動態牆](https://xd.adobe.com/view/c0763dbe-fc15-42e8-be0b-8956ed03e675-9525/screen/06336974-e446-467d-af3e-7cc133e5b2b1/)（GET）時的路由設計，
當進入頁面時會回傳使用者的 id 請協助完整以下程式碼：

```javascript=
app.get('user/...', (req, res) => {
  const id = ....userId;
  res.send(`這是 ${id} 使用者的個人動態牆`);
});
```

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答：  

```javascript=
app.get('user/:userId', (req, res) => {
  const id = req.params.userId;
  res.send(`這是 ${id} 使用者的個人動態牆`);
});
```

-->




回報區
---
<!-- 
將答案貼至下方表格內，格式：
| Discord 暱稱 | [CodePen](連結) |
-->

|    Discord    |   CodePen ／ 答案  |
|:-------------:|:-----------------:|
| xxx | [CodePen]() |
| 2魚 | [CodePen](https://codepen.io/ijrekmsn-the-sans/pen/OJGBOQj) |
| 苡安 | [hackmd](https://hackmd.io/@L7K9-66lSeagS28AP0_GjQ/HkbZiN7-A) |
| shuantt | [CodePen](https://codepen.io/th-tseng/pen/KKYbpbM) |
| Aida | [CodePen](https://codepen.io/ada23410/pen/eYobNbR?editors=0010) |
| 羽 | [CodePen](https://codepen.io/lingling-Syu/pen/MWRPMXP) |
| Benson | [CodePen](https://codepen.io/nosneb83/pen/NWmeGma) |
| Hank | [CodePen](https://codepen.io/tw1720/pen/PogXPxb)|
| wei | [CodePen](https://codepen.io/Wei-the-sasster/pen/jORXqjM?editors=0010)|
| Fabio20 | [CodePen](https://codepen.io/fabio7621/pen/dyLwpVp?editors=1010) |
| Chia Pin | [CodePen](https://codepen.io/joker-cat/pen/ExJGNdw) |
| ej_chuang | [CodePen](https://codepen.io/EJChuang/pen/poBqNMR) |
|cho|[CodePen](https://codepen.io/cho195/pen/zYXyZMG)|
|mei|[CodePen](https://codepen.io/l_umei/pen/mdgaMKB)|
|群嘉|[CodePen](https://codepen.io/efzdamnp-the-lessful/pen/GRLPGQw?editors=0010)|
|jenny7532|[CodePen](https://codepen.io/wei-chen-wu/pen/vYMvaZq)|
|Tiya|[CodePen](https://codepen.io/Tiya_blank/pen/rNbQPbY)|
|william_hsu|[CodePen](https://codepen.io/william8815/pen/poBqBZq)|
| runweiting |[CodePen](https://codepen.io/weiting14/pen/vYMvwdr)|
| tung030374 |[CodePen](https://codepen.io/tung__u/pen/OJGrKqv)|
| shuantt | [CodePen](https://codepen.io/th-tseng/pen/KKYbpbM)|
| Lobinda | [CodePen](https://codepen.io/Lobinda/pen/xxemwgy?editors=1010)|
| Ciel    | [CodePen](https://codepen.io/nycteachen/pen/xxeeEqy)|
| Henry | [HackMD](https://hackmd.io/A6VVhoTfSBmNIbE05dVKXQ) |
| 瑀君 | [HankMD](https://hackmd.io/@sh5ojkmt/HJwFlrC-A)|
| Theodore 04/30    | [CodePen](https://codepen.io/GustavoFringgg/pen/QWPRKOG)|
| william威良    | [CodePen](https://codepen.io/snowman12320/pen/eYoaGXw?editors=1010)|
| albertyang3576 | [CodePen](https://codepen.io/albertyang3576/pen/wvZLqWL)|
| zaoannihao | [CodePen](https://codepen.io/ckhwdvrx-the-solid/pen/VwOvoxw)|