Mock Service Worker

3ステップで試す

1. 1

   v3.0.2を専用ディレクトリへ追加する

   Node.js 22.12.0以上で、確認済みの版を小さなプロジェクトへ追加します。

   mkdir -p msw-demo && cd msw-demo && npm init -y && npm install msw@3.0.2コピー
2. 2

   Node.js用の要求ハンドラーを作る

   外部サービスへ接続せず、GET要求へJSONを返す最小例を保存します。

   printf '%s\n' "import { http, HttpResponse } from 'msw/http'" "import { setupServer } from 'msw/node'" "const server = setupServer(http.get('https://example.test/user', () => HttpResponse.json({ name: 'Ada' })))" "server.listen({ onUnhandledRequest: 'error' })" "const response = await fetch('https://example.test/user')" "console.log(await response.json())" "server.close()" > demo.mjsコピー
3. 3

   置き換えた応答を確認する

   通常のfetchから{ name: 'Ada' }が得られることを確認します。

   node demo.mjsコピー

Built with

• TypeScript

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• Elysia19,216 Stars

  共通タグ 1件 · 共通カテゴリ 1件 · 同じ言語

  Bunを中心にend-to-end type safetyとruntime validationを統合するTypeScript Web/API framework

  TypeScript
• Apollo Server13,951 Stars

  共通タグ 1件 · 共通カテゴリ 1件 · 同じ言語

  スキーマとリゾルバーからNode.jsのGraphQL APIを構築する

  TypeScript
• Hoppscotch80,561 Stars

  共通タグ 2件 · 共通カテゴリ 2件 · 同じ言語

  REST・GraphQL・realtime request・collection testをWeb/Desktop/CLI/self-hostへ横断するAPI workspace

  TypeScript
• WireMock7,387 Stars

  共通タグ 2件 · 共通カテゴリ 2件

  HTTP APIをrequest matching・dynamic response・delay/fault・record/playbackでvirtualizeするmock server/library

  Java
• Insomnia40,036 Stars

  共通タグ 1件 · 共通カテゴリ 2件 · 同じ言語

  APIのdesign・request・test・CI workflowをdesktop clientへまとめる

  TypeScript
• Bruno47,337 Stars

  共通タグ 1件 · 共通カテゴリ 2件

  API collectionをローカルBru fileとGitで管理しdesktop・CLI・CIから実行するAPI client

  JavaScript