Postman 使用筆記

Postman 功能

登入1，撰寫測試

安裝 Postman Desktop

不要使用線上版，會有資料同步卡頓的問題

登入 Postman

Workspaces

建立或選擇 Workspaces

image-20250415103252077

測試命名

Controller/Action+ 如有其他必要說明

image-20250415110006880

環境變數

可以自訂各種會因環境變化必須自訂的參數

image-20250415110450016

環境變數抽換參數

比如新增環境變數 baseUrl，測試 api baseUrl 不要寫死在測試範例，使用環境變數已切換實際測試連線

image-20250415110554020

image-20250415110401597

Mock Server

前端開發超前後端進度時

想要模擬溝通後端 api 使用 2

  1. 新增測試資料

    image-20250415112539998

  2. 撰寫測試資料

    image-20250415112605486

  3. 查看 mock url

    image-20250415112820542

  4. 前端開發使用測試 Api

    https://64680c7d-60de-4ffe-abb7-462f3958d8df.mock.pstmn.io/Car/GetCar

開發相關

Nuxt API 開發

每開發一支 api 就要登入 Postman 新增一個測試資料

api 連線 mock : postman mock

nitro: {
    devProxy: {
      '/mockStoreApi': {
        target: "https://64680c7d-60de-4ffe-abb7-462f3958d8df.mock.pstmn.io",
        changeOrigin: true,
        secure: false,
      },

api 連線 mock : postman mock

  1. 模擬資料建立

  2. api 執行 url 參數多一個 ismock true

// dev 或 uat 測試
return ClientUseFetch(Url(controller, 'LineAuth'), {
    method: 'GET',
    query: data
  })
// dev postman 測試
return ClientUseFetch(Url(controller, 'LineAuth',true), {
    method: 'GET',
    query: data
  })

composables\apiUtils.ts 控制是否走 postman 取測資

function Url(controller, endpoint, isMock = false) {
  const { public: $config } = useRuntimeConfig();
  let base = $config.mainApi;
  if (isMock) {
    base = $config.mockApi;
  }
  const url = `/${base}/${controller}/${endpoint}`;
  return url;
}

  1. 點選這裡看說明 ↩︎

  2. 點選這裡看說明 ↩︎