Interactsh Web Client

Веб-интерфейс на Next.js для Interactsh

Начало работы

Предварительные требования

• Node.js 20+ (требуется для React 19)
• npm, yarn или pnpm

Установка

1. Клонируйте репозиторий:

git clone https://github.com/projectdiscovery/interactsh-web.git
cd interactsh-web

2. Установите зависимости:

npm install
# или
yarn install

3. Запустите сервер разработки:

npm run dev
# или
yarn dev

4. Откройте http://localhost:3000 в вашем браузере.

Сборка для продакшена

npm run build
npm start
# или
yarn build
yarn start

Docker

Сборка и запуск с помощью Docker:

docker build -t interactsh-web .
docker run -p 3000:3000 interactsh-web

Переменные окружения

Создайте файл .env.local в корневой директории, чтобы настроить конфигурацию:

Переменная	Описание	По умолчанию
NEXT_PUBLIC_HOST	Хост сервера Interactsh по умолчанию	oast.fun
NEXT_PUBLIC_TOKEN	Токен аутентификации (опционально)	-
NEXT_PUBLIC_CIDL	Длина идентификатора корреляции	20
NEXT_PUBLIC_CIDN	Длина одноразового номера идентификатора корреляции	13

Технологический стек

• Фреймворк: Next.js 16 с App Router
• React: React 19.1.0
• Стилизация: SCSS, Tailwind CSS, styled-components
• Язык: TypeScript
• UI компоненты: Headless UI v2
• Криптография: node-rsa, crypto-browserify
• Управление темами: next-themes

Структура проекта

src/
├── app/                    # Страницы Next.js App Router
│   ├── page.tsx           # Основная страница приложения
│   ├── layout.tsx         # Корневой макет
│   ├── styles.scss        # Стили страниц
│   ├── terms/             # Страница условий
│   └── components/        # Компоненты, специфичные для страниц
├── components/            # Переиспользуемые UI компоненты
│   ├── appLoader/
│   ├── customHost/
│   ├── detailedRequest/
│   ├── header/
│   ├── icons/             # Компоненты SVG иконок
│   ├── notificationsPopup/
│   ├── requestsTable/
│   ├── resetPopup/
│   ├── tabSwitcher/
│   └── toggleBtn/
├── lib/                   # Вспомогательные функции и типы
│   ├── index.ts           # Основная функциональность
│   ├── localStorage/      # Управление локальным хранилищем
│   ├── notify/            # Сервисы уведомлений
│   ├── registry.tsx       # Реестр styled-components
│   └── types/             # Определения типов TypeScript
├── helpers/               # Запасные загрузчики
├── styles/                # Глобальные стили
└── theme.ts               # Конфигурация темы

Функции

• Мониторинг взаимодействий в реальном времени
• Поддержка нескольких протоколов (HTTP, DNS, SMTP)
• Управление вкладками для нескольких сессий
• Детальный просмотр запросов/ответов
• Интеграция уведомлений (Telegram, Slack, Discord)
• Настройка пользовательского хоста
• Функция экспорта данных
• Выбор темы (Тёмная, Synth, Синяя)

Лицензия

Лицензия MIT — подробнее см. в LICENSE.md.

Благодарности

• ProjectDiscovery — ядро Interactsh