【Postman工具箱】 Mock Server簡介
相信有在開發Web應用的朋友應該對於Postman這套工具相當熟悉， 這套工具可以協助我們在產品尚未完成之前可以先進行一些基本的介接測試，甚至我們可以使用Postman去呼叫雲端的API，像是Google的語音辨識、文字翻譯、字典查詢…，這類大廠相信也都開放許多標準API(Application Programming Interface)讓普羅大眾可以使用，甚至我們可以撰寫自動化腳本去抓取我們想要的資料進行分析…等的應用。
而過往的Postman功能較為陽春， 僅支援主動呼叫設計完成的API， 因此常常被運用於自動化測試的範本設計， 講白話一點就是還沒有產品UI的一個簡易介面。
這樣仍存在著一個問題， 那就是複雜的業務邏輯開發通常責任落於後端， 而假設後端API尚未開發完成時， 行動端、網頁端的串接不就得進行等待嗎？ 這樣對於開發效率來說並非好事， 因此Postman也將模擬API的功能加入到產品，也就是稱為「Mock Server」。
為什麼我們需要Mock Server？
以下幾點是開發中常常遇到的問題， 並且具有Mock Server之後能夠解決的一些問題點:
- 前/後端開發不需等待， 遵照簡單快速就能搭建的Mock Server各自實作， 並且隨時討論修改介面。
- 開發功能更有信心， 畢竟我們在開發過程中常常是將腦海的設計實現， 並沒有真正運作。
- QA進行測試時能夠減少依賴， 獨立運作。
- 快速構建出產品的樣貌， 並且透過此簡易的樣貌向客戶展示。
- 自動化測試最重要的就是資料的來源， 而Mock Server省去了我們大費周章的開發成本， 用最簡單的方式構建出簡易的模擬真實環境。
實際Demo
Step 1： 建立一個Mock Server
Step 2： 配置簡易的API
Step 3： 準備建立模擬API
Step 4： 建立成功後根據產生的URL進行測試
Step 5： 送出測試的URL並檢查回傳的資料
非常好！！ 我們透過簡易的API架設就能模擬伺服器的資料，整個過程非常快速簡易， 操作也很直觀， 對於快速展示具有非常好的效果。
結語
雖然Postman提供了Mock Server很好用的一個功能， 但很可惜的是免費版具有一些請求上限的限制， 有興趣的朋友可以參考「Postman API Platform Plans and Pricing」， 因此僅適合用於快速展示或驗證用， 如果需要大量請求的自動化測試的話會比較建議以下類型的開源產品：
- mockoon
- Mocky
總之在於快速、效率的時代， 我們需要的是簡單快速使用的功能， 能夠在最短期完成任務的工具都是好工具， 我們要學習的就是快速適應的能力， 就讓我們持續學習新工具快速適應變遷的環境吧！
--------------------------------------------------------------------------------
喜歡撰寫文章的你，不妨來了解一下：
歡迎加入一起練習寫作，賺取知識！
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
117會員
262內容數
哈囉，我是阿Han，是一位 👩💻 軟體研發工程師，喜歡閱讀、學習、撰寫文章及教學，擅長以圖代文，化繁為簡，除了幫助自己釐清思路之外，也希望藉由圖解的方式幫助大家共同學習，甚至手把手帶您設計出高品質的軟體產品。
留言0
查看全部
你可能也想看
Google News 追蹤
※ 什麼是Web API
API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。
API流程：
終端使用者用任何一種裝置進入瀏覽器。
瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。
後端透過 API 收到前端的請求後，取得資料並回應給前端。
前端渲染畫面，終端使用者
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
本篇文章會介紹如何使用 Public Post Preview 外掛，讓你能將尚未發佈的內容先給廠商過目，即使對方沒有網站權限也能查看。
在開始操作Web Service之前，要先做一些前置作業IIS的安裝，再開始建置Web Service相關內容，最後就是連線測試。
IIS（Internet Information Services）是網際網路資訊服務，可以讓網站使用HTTP/HTTPS、FTP/FTPS、SMTP 等等的
xhr
在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。
具體來說步驟有四個：
建立XMLHttpReque
開啟一個請求。
送出請求。
拿到回應後去處理畫面要如何呈現。
實踐AWS中使用Lambda來負責登入簽核及與OpenAI API溝通，並利用S3容器託管一個靜態網頁做為前端
※ 什麼是 RESTful API？
這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
透過 node 的 http 模組來建立 web 伺服器範例
在開發前後端分離架構時，使用兩個不同網域所遇到跨域請求問題。特別是在POST請求時行為差異大，揭示了「簡單請求」與「預檢請求」的關鍵差異。簡單請求不需預檢，但application/json會觸發預檢請求，需透過特定設定解決。分享這篇文章希望幫助開發者有效處理跨域問題。
先前幾篇筆記介紹了網路請求，瀏覽器儲存資料的方式，那麼實務上，前端最常需要發送網路請求的時候，就是透過呼叫 API，去向後端工程師發送/請求資料，所以今天來記錄什麼是 API吧！
※ 什麼是Web API
API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。
API流程：
終端使用者用任何一種裝置進入瀏覽器。
瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。
後端透過 API 收到前端的請求後，取得資料並回應給前端。
前端渲染畫面，終端使用者
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
本篇文章會介紹如何使用 Public Post Preview 外掛，讓你能將尚未發佈的內容先給廠商過目，即使對方沒有網站權限也能查看。
在開始操作Web Service之前，要先做一些前置作業IIS的安裝，再開始建置Web Service相關內容，最後就是連線測試。
IIS（Internet Information Services）是網際網路資訊服務，可以讓網站使用HTTP/HTTPS、FTP/FTPS、SMTP 等等的
xhr
在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。
具體來說步驟有四個：
建立XMLHttpReque
開啟一個請求。
送出請求。
拿到回應後去處理畫面要如何呈現。
實踐AWS中使用Lambda來負責登入簽核及與OpenAI API溝通，並利用S3容器託管一個靜態網頁做為前端
※ 什麼是 RESTful API？
這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
透過 node 的 http 模組來建立 web 伺服器範例
在開發前後端分離架構時，使用兩個不同網域所遇到跨域請求問題。特別是在POST請求時行為差異大，揭示了「簡單請求」與「預檢請求」的關鍵差異。簡單請求不需預檢，但application/json會觸發預檢請求，需透過特定設定解決。分享這篇文章希望幫助開發者有效處理跨域問題。
先前幾篇筆記介紹了網路請求，瀏覽器儲存資料的方式，那麼實務上，前端最常需要發送網路請求的時候，就是透過呼叫 API，去向後端工程師發送/請求資料，所以今天來記錄什麼是 API吧！