Как создать REST API mock за 5 минут

1.1. Перейдите на lightboxapi.ru/registration

1.2. Заполните форму регистрации:

• Email
• Пароль (минимум 8 символов)
• Имя (опционально)

1.3. Нажмите "Зарегистрироваться"

1.4. Подтвердите email (придет письмо с ссылкой)

Что такое workspace? Это контейнер для ваших API endpoints. Обычно 1 workspace = 1 проект.

2.1. После входа нажмите кнопку "Создать workspace"

2.2. Введите название (например: my-project-api)

2.3. Выберите поддомен (он будет частью URL):

https://my-project.lightboxapi.ru

2.4. Нажмите "Создать"

3.1. В workspace нажмите "Добавить endpoint"

3.2. Заполните форму:

3.3. Нажмите "Создать"

4.1. Кликните на созданный endpoint для редактирования

4.2. В поле "Response Body" введите JSON:

Пример 1: Простой список пользователей

{
  "users": [
    {
      "id": 1,
      "name": "Иван Петров",
      "email": "ivan@example.com",
      "role": "admin"
    },
    {
      "id": 2,
      "name": "Мария Сидорова",
      "email": "maria@example.com",
      "role": "user"
    }
  ],
  "total": 2,
  "page": 1
}

Пример 2: Профиль пользователя

{
  "id": 123,
  "username": "ivan_petrov",
  "email": "ivan@example.com",
  "firstName": "Иван",
  "lastName": "Петров",
  "avatar": "https://example.com/avatar.jpg",
  "createdAt": "2025-01-15T10:00:00Z",
  "settings": {
    "theme": "dark",
    "notifications": true
  }
}

Пример 3: Список товаров (e-commerce)

{
  "products": [
    {
      "id": "prod_001",
      "name": "MacBook Pro 16\"",
      "price": 2499.99,
      "currency": "USD",
      "inStock": true,
      "category": "Laptops",
      "rating": 4.8,
      "reviews": 342
    },
    {
      "id": "prod_002",
      "name": "iPhone 15 Pro",
      "price": 1199.99,
      "currency": "USD",
      "inStock": false,
      "category": "Smartphones",
      "rating": 4.9,
      "reviews": 1205
    }
  ],
  "pagination": {
    "page": 1,
    "perPage": 20,
    "total": 150
  }
}

4.3. Нажмите "Сохранить"

{
  "id": "{randomUUID}",
  "createdAt": "{timestamp}",
  "name": "{body.name}"
}

5.1. Скопируйте URL вашего endpoint:

https://my-project.lightboxapi.ru/users

Вариант A: Через curl (терминал)

curl https://my-project.lightboxapi.ru/users

Вариант B: Через браузер

Просто откройте URL в браузере:

https://my-project.lightboxapi.ru/users

Вариант C: Через Postman

1. Создайте новый GET запрос
2. Вставьте URL
3. Нажмите "Send"

Вариант D: Через JavaScript

fetch('https://my-project.lightboxapi.ru/users')
  .then(response => response.json())
  .then(data => console.log(data));

6.1. Замените URL в вашем приложении:

React / Vue / Angular:

// Было (реальный API):
const API_URL = 'https://api.myapp.com';

// Стало (Mock API):
const API_URL = 'https://my-project.lightboxapi.ru';

Axios:

import axios from 'axios';

const api = axios.create({
  baseURL: 'https://my-project.lightboxapi.ru'
});

// Использование
api.get('/users').then(response => {
  console.log(response.data);
});

Fetch API:

const getUsers = async () => {
  const response = await fetch('https://my-project.lightboxapi.ru/users');
  const data = await response.json();
  return data;
};

6.2. Запустите приложение — всё работает!