Browser Relay: OpenClaw управляет браузером

Browser Relay — это функция OpenClaw, которая позволяет AI-агенту управлять браузером пользователя через API. Представьте: ваш AI помощник сам заходит на сайты, собирает информацию, заполняет формы и кликает по ссылкам. Это упраздняет часы рутинной работы. В этом гайде разберём, как настроить Browser Relay для веб-скрейпинга и автоматизации бизнес-процессов.

Что такое Browser Relay и зачем он нужен

Browser Relay — это компонент OpenClaw, который работает как посредник между AI-агентом и браузером пользователя. AI отправляет команды (кликнуть, прокрутить, заполнить поле), Browser Relay выполняет их и возвращает снимок экрана и информацию о странице.

Практические применения:

• Веб-скрейпинг: сбор данных с сайтов конкурентов, отслеживание цен, мониторинг контента
• Автозаполнение форм: регистрация на платформах, подача заявок, внесение объёмных данных
• Аналитика: анализ страниц конкурентов, проверка рейтингов, SEO мониторинг
• Автоматизация маркетинга: публикация контента в социальных сетях, планирование постов
• Тестирование интерфейсов: проверка юзабилити, баг-тестинг веб-приложений

Архитектура и компоненты Browser Relay

Понимание структуры поможет вам правильно настроить и отладить систему.

┌─────────────────┐
│   AI-агент      │ (Claude, GPT, DeepSeek)
│   (OpenClaw)    │
└────────┬────────┘
         │
         │ Команды через API
         │
┌────────▼─────────────┐
│  Browser Relay       │
│  (Node.js сервис)   │
└────────┬─────────────┘
         │
         │ Управление
         │
┌────────▼──────────────┐
│  Chromium/Chrome      │
│  (Браузер)            │
└───────────────────────┘

Ключевые компоненты:

Установка и настройка Browser Relay

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

Убедитесь, что у вас установлены:

• Node.js 18+ (для запуска сервиса)
• Docker (опционально, но рекомендуется)
• Хотя бы 2 ГБ свободной оперативной памяти
• Доступ к интернету из вашей сети

Установка компонентов

Если вы ещё не установили OpenClaw, выполните основную установку:

git clone https://github.com/openclaw/openclaw.git
cd openclaw
npm install

Для Browser Relay установите дополнительные зависимости:

npm install puppeteer-extra puppeteer-extra-plugin-stealth
npm install redis ioredis

Puppeteer автоматически скачает нужную версию Chromium при первом запуске.

Конфигурация .env файла

Создайте или отредактируйте файл .env в корневой папке OpenClaw:

# Browser Relay конфигурация
BROWSER_RELAY_ENABLED=true
BROWSER_RELAY_PORT=3001
BROWSER_RELAY_HOST=localhost
Chromium опции
CHROMIUM_PATH=/usr/bin/chromium-browser
CHROMIUM_ARGS=--no-sandbox,--disable-setuid-sandbox
Redis для очереди задач
REDIS_URL=redis://localhost:6379
REDIS_DB=0
Таймауты (в миллисекундах)
BROWSER_TIMEOUT=30000
NAVIGATION_TIMEOUT=15000

Если вы используете Docker, можно запустить Redis в контейнере:

docker run -d -p 6379:6379 redis:alpine

Запуск Browser Relay

Стартуйте основной сервис OpenClaw:

npm run start

Browser Relay запустится автоматически как часть главного процесса. Проверьте логи:

npm run start 2>&1 | grep -i "browser\|relay"

Вы должны увидеть сообщение:

[Browser Relay] Service started on localhost:3001
[Browser Relay] Chromium initialized successfully

Практические примеры использования

Пример 1: Скрейпинг цен с сайта

Настройте AI-агента в Telegram для мониторинга цен товаров:

# Команда в Telegram боте к OpenClaw
/setup_browser_task
Product: Ноутбук ASUS ROG
Target URL: https://example-shop.ru/catalog/laptops
Action: extract_price
Frequency: daily

AI-агент будет ежедневно:

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

Допустим, вы хотите массово подписаться на рассылки конкурентов для аналитики:

// Конфиг для Browser Relay (можно передать через API)
const browserTask = {
  "type": "form_fill",
  "url": "https://competitor-site.com/subscribe",
  "actions": [
    {
      "type": "type",
      "selector": "input[name='email']",
      "text": "your-email@example.com"
    },
    {
      "type": "type",
      "selector": "input[name='name']",
      "text": "John Doe"
    },
    {
      "type": "click",
      "selector": "button[type='submit']"
    },
    {
      "type": "wait",
      "duration": 2000
    },
    {
      "type": "screenshot"
    }
  ]
};

Отправьте задачу через REST API:

curl -X POST http://localhost:3001/api/browser-task \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer YOUR_API_TOKEN" \
  -d '{
    "type": "form_fill",
    "url": "https://example.com/form",
    "actions": [...]
  }'

Пример 3: Анализ конкурентов в реальном времени

Автоматизируйте еженедельный анализ сайтов конкурентов:

// Команда для OpenClaw AI-агента
"Посмотри на сайты конкурентов (список прилагается), 
 сравни их предложения, цены, дизайн. 
 Составь отчёт с рекомендациями."
// Browser Relay автоматически: // 1. Откроет каждый сайт // 2. Сделает скриншоты // 3. Извлечёт текстовую информацию // 4. Отправит AI на анализ // 5. Сформирует отчёт

Оптимизация и управление ресурсами

Профилактика утечек памяти

Browser Relay потребляет оперативную память. При длительных операциях память может расти:

# Мониторьте использование памяти
watch -n 1 'ps aux | grep -i chromium'
Установите лимит памяти для Chromium в .env
CHROMIUM_ARGS=--memory-pressure-off,--disable-dev-shm-usage
Включите автоперезагрузку браузера каждые 2 часа
BROWSER_RESTART_INTERVAL=7200000

Распределение нагрузки

Для масштабирования используйте Worker Pool:

// config/browserPool.js
module.exports = {
  "max_concurrent_instances": 3,
  "max_tasks_per_instance": 10,
  "instance_rotation_interval": 3600000,
  "memory_threshold": 512 // МБ
};

Это позволит обрабатывать несколько браузерных задач параллельно без перегрузки сервера.

Управление кэшем

Browser Relay может кэшировать скриншоты и данные страниц:

# В .env включите кэширование
BROWSER_CACHE_ENABLED=true
BROWSER_CACHE_TTL=3600
BROWSER_CACHE_SIZE=100 # Максимум записей

Безопасность и лучшие практики

Ограничение доступа

Не все адреса следует открывать автоматически. Создайте whitelist:

// config/urlWhitelist.js
module.exports = {
  "allowed_domains": [
    "*.shopify.com",
    "*.wix.com",
    "example.com",
    "competitor-*.ru"
  ],
  "blocked_domains": [
    "*.bankofamerica.com",
    "crypto.com"
  ]
};

Использование прокси

Если вы скрейпите сайты, используйте ротацию IP для избежания блокировок:

# Установите прокси в .env
PROXY_ENABLED=true
PROXY_LIST="http://proxy1:8080,http://proxy2:8080,http://proxy3:8080"
PROXY_ROTATION=true

Логирование и аудит

Включите детальное логирование всех браузерных операций:

BROWSER_RELAY_LOG_LEVEL=info
BROWSER_RELAY_LOG_FILE=/var/log/openclaw/browser-relay.log
AUDIT_ENABLED=true

Это поможет отследить, какие сайты открывались и какие действия выполнялись.

Решение частых проблем

Проблема: "Chromium не найден"

Error: Failed to launch Chromium

# Установите Chromium вручную (Ubuntu/Debian)
sudo apt-get install chromium-browser
Обновите путь в .env
CHROMIUM_PATH=/usr/bin/chromium-browser

Проблема: "Timeout при загрузке страницы"

Error: Navigation timeout of 15000ms exceeded

# Увеличьте таймауты в .env
NAVIGATION_TIMEOUT=30000
BROWSER_TIMEOUT=45000

Проблема: "Redis connection refused"

Error: connect ECONNREFUSED 127.0.0.1:6379

# Проверьте, запущен ли Redis
redis-cli ping
Если нет, запустите его
redis-server
Или через Docker
docker run -d -p 6379:6379 --name redis redis:alpine

Когда использовать openclawinstall.ru

Если настройка Browser Relay кажется сложной или у вас нет времени разбираться с конфигурацией, обратитесь в openclawinstall.ru. Команда профессионалов:

• Установит и настроит OpenClaw с Browser Relay под вашу задачу
• Создаст кастомные workflows для вашего бизнеса
• Обеспечит поддержку и оптимизацию системы

Итого

Browser Relay — это мощный инструмент для автоматизации веб-задач через AI-агента. Он позволяет:

• Собирать данные с сайтов без ручного написания парсеров
• Автоматизировать заполнение форм и взаимодействие с интерфейсами
• Анализировать сайты конкурентов в реальном времени
• Масштабировать рутинные браузерные операции

Если вам нужна готовое решение с поддержкой, openclawinstall.ru предоставляет услугу установки и сопровождения. Выбирайте в зависимости от ваших ресурсов и опыта.