JSON Mock API Server - 프론트엔드 개발을 위한 목업 API 서버

이 도구는 RESTful API를 모의로 구현하여 프론트엔드 개발 및 테스트를 쉽게 만들어 줍니다. 사용자, 게시물, 댓글 API와 사용자 정의 엔드포인트를 제공합니다.

  • 사용자 API - 사용자 정보 CRUD 작업
  • 게시물 API - 게시물 정보 CRUD 작업
  • 댓글 API - 댓글 정보 CRUD 작업
  • 커스텀 API - 사용자 정의 데이터 스키마 생성

Your Mock API Server

Generate realistic API responses with customizable data

Example Response
{
  "status": "success",
  "data": {
    "id": "f7c98d01-3e4a-5b2c-9f8d-7e6a5b4c3d2e",
    "firstName": "John",
    "lastName": "Doe",
    "email": "john.doe@example.com",
    "createdAt": "2023-04-12T10:22:33.000Z"
  }
}

RESTful API

Full RESTful API with support for GET, POST, PUT, PATCH, and DELETE methods

Random Data

Generate realistic random data using Faker.js

Custom Endpoints

Create your own custom endpoints with specific schemas

API Docs

Swagger documentation for all endpoints

RESTful API Made Easy

JSON Mock API simulates backend services to accelerate frontend development. Just focus on building your UI while we provide the data!

Quick Start Examples

// Get all users fetch('/api/users') .then(res => res.json()) .then(data => console.log(data))
// Create a new post fetch('/api/posts', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ title: 'New Post', body: 'This is the content' }) })

Why Use Mock APIs?

  • Develop without waiting for backend
  • Test various API scenarios easily
  • No server setup required
  • Realistic data responses
  • Supports all standard HTTP methods
  • Customizable to your needs

Available Endpoints

Use these predefined endpoints to get started quickly

Users

/api/users
GET /api/users Get all users
GET /api/users/:id Get user by ID
POST /api/users Create user
PUT /api/users/:id Update user
DELETE /api/users/:id Delete user

Posts

/api/posts
GET /api/posts Get all posts
GET /api/posts/:id Get post by ID
GET /api/posts/user/:userId Get user posts
POST /api/posts Create post
DELETE /api/posts/:id Delete post

Comments

/api/comments
GET /api/comments Get all comments
GET /api/comments/:id Get comment by ID
GET /api/comments/post/:postId Get post comments
POST /api/comments Create comment
DELETE /api/comments/:id Delete comment

Create Custom API

Design your own endpoints with custom data schemas

/api/custom/

Define the fields and their data types

Preview
{
  "id": "e1d2c3b4-a5f6-7e8d-9c0b-1a2b3c4d5e6f",
  "name": "Product",
  "description": "This is a description of the product with multiple sentences. It can contain various details about features and specifications."
}

Your Custom Endpoints

Custom endpoints are stored in your browser's localStorage and are only visible to you. They will persist even if you close your browser. Note that server-side endpoints may be periodically cleaned up, so you may need to recreate them if they become unavailable.

No custom endpoints created yet

API Documentation

Explore the full API documentation

Swagger UI

Interactive API documentation with Swagger UI

Open Swagger UI

API Base URL

All API endpoints are served under:

/api

GitHub Repository

View the source code and contribute

View on GitHub