[Web 開發] Chrome+Postman 複製頁面 API

Postman 是一款可以方便模擬 HTTP Request 的軟體，做 Web 開發的人相信都不陌生。這陣子正好有大量測試已存在頁面的 API 需求，對於每次都要自己複製 URL、一個一個輸入參數，覺得非常麻煩。GET Request 還算方便，但 Post Request 甚至是有用到 Cookie 的，光重現一個 API 就要花上不少時間。

這麼笨的事情，工程師應該不會容忍才對！
一定有可以快速複製 Request 的方法！

於是就去 Google 上搜尋關鍵字 copy request to postman ，找到這篇：
https://dev.to/osuka42/requests-from-your-devtools-network-tab-to-postman-354d
照著它的方法用真的是太方便了！！分享給大家！

我以模擬台股公開資訊觀測站為例，作法如下：

1. 打開 Chrome 開發者介面

2. 對想要模擬的 Request 按下 [右鍵] -> [Copy] -> [Copy as cURL (bash)]

3. 打開 Postman、按下 [Import]

4. 選擇 [Raw Text]

5. 貼上剛剛從 Chrome 複製來的 Request，按下 [Continue]

6. 做最後確認，按下 [Import]

7. Request 複製完成

可以檢查一下 URL、Header、Body 是否是你要的，按下 [Send] 看看 Response 是否正確。學會這個技巧後，就可以更快速方便的模擬 API 啦！