Перейти к основному содержанию
Claude Code в веб-приложении в настоящее время находится в исследовательском предпросмотре.

​
Что такое Claude Code в веб-приложении?

Claude Code в веб-приложении позволяет разработчикам запускать Claude Code из приложения Claude. Это идеально подходит для:
  • Ответов на вопросы: Вопросы об архитектуре кода и реализации функций
  • Исправления ошибок и рутинных задач: Хорошо определённые задачи, которые не требуют частого управления
  • Параллельной работы: Одновременное исправление нескольких ошибок
  • Репозиториев, отсутствующих на локальной машине: Работа с кодом, который у вас не проверен локально
  • Изменений на бэкенде: Когда Claude Code может писать тесты, а затем писать код для прохождения этих тестов
Claude Code также доступен в приложении Claude для iOS для запуска задач на ходу и мониторинга текущей работы. Вы можете переходить между локальной и удалённой разработкой: отправляйте задачи из терминала для запуска в веб-приложении с префиксом &, или телепортируйте веб-сессии обратно в ваш терминал для продолжения локально.

​
Кто может использовать Claude Code в веб-приложении?

Claude Code в веб-приложении доступен в исследовательском предпросмотре для:
  • Пользователей Pro
  • Пользователей Max
  • Пользователей Team с премиум-местом
  • Пользователей Enterprise с премиум-местом

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

  1. Посетите claude.ai/code
  2. Подключите свой аккаунт GitHub
  3. Установите приложение Claude GitHub в ваши репозитории
  4. Выберите окружение по умолчанию
  5. Отправьте вашу задачу кодирования
  6. Просмотрите изменения в представлении diff, итерируйте с комментариями, затем создайте pull request

​
Как это работает

Когда вы начинаете задачу в Claude Code в веб-приложении:
  1. Клонирование репозитория: Ваш репозиторий клонируется на управляемую Anthropic виртуальную машину
  2. Настройка окружения: Claude подготавливает защищённое облачное окружение с вашим кодом
  3. Конфигурация сети: Доступ в Интернет настраивается на основе ваших параметров
  4. Выполнение задачи: Claude анализирует код, вносит изменения, запускает тесты и проверяет свою работу
  5. Завершение: Вы получаете уведомление об окончании и можете создать PR с изменениями
  6. Результаты: Изменения отправляются в ветку, готовую для создания pull request

​
Просмотр изменений с представлением diff

Представление diff позволяет вам увидеть ровно то, что изменил Claude, перед созданием pull request. Вместо нажатия на “Create PR” для просмотра изменений в GitHub, просмотрите diff прямо в приложении и итерируйте с Claude, пока изменения не будут готовы. Когда Claude вносит изменения в файлы, появляется индикатор статистики diff, показывающий количество добавленных и удалённых строк (например, +12 -1). Выберите этот индикатор, чтобы открыть средство просмотра diff, которое отображает список файлов слева и изменения для каждого файла справа. Из представления diff вы можете:
  • Просмотреть изменения файл за файлом
  • Оставить комментарии к конкретным изменениям для запроса модификаций
  • Продолжить итерацию с Claude на основе того, что вы видите
Это позволяет вам уточнить изменения через несколько раундов обратной связи без создания черновиков PR или переключения на GitHub.

​
Перемещение задач между веб-приложением и терминалом

Вы можете начать задачи в веб-приложении и продолжить их в терминале, или отправить задачи из терминала для запуска в веб-приложении. Веб-сессии сохраняются даже если вы закроете ноутбук, и вы можете мониторить их откуда угодно, включая приложение Claude для iOS.
Передача сессии односторонняя: вы можете вытащить веб-сессии в ваш терминал, но вы не можете отправить существующую сессию терминала в веб-приложение. Префикс & создаёт новую веб-сессию с контекстом вашего текущего разговора.

​
От терминала к веб-приложению

Начните сообщение с & внутри Claude Code для отправки задачи на запуск в веб-приложении: 
& Fix the authentication bug in src/auth/login.ts
Это создаёт новую веб-сессию на claude.ai с контекстом вашего текущего разговора. Задача запускается в облаке, пока вы продолжаете работать локально. Используйте /tasks для проверки прогресса, или откройте сессию на claude.ai или в приложении Claude для iOS для прямого взаимодействия. Оттуда вы можете управлять Claude, предоставлять обратную связь или отвечать на вопросы, как в любом другом разговоре. Вы также можете запустить веб-сессию прямо из командной строки: 
claude --remote "Fix the authentication bug in src/auth/login.ts"

​
Советы для фоновых задач

Планируйте локально, выполняйте удалённо: Для сложных задач начните Claude в режиме плана для совместной работы над подходом перед отправкой работы в веб-приложение: 
claude --permission-mode plan
В режиме плана Claude может только читать файлы и исследовать кодовую базу. Когда вы будете довольны планом, отправьте его в веб-приложение для автономного выполнения: 
& Execute the migration plan we discussed
Этот паттерн даёт вам контроль над стратегией, позволяя Claude выполнять автономно в облаке. Запускайте задачи параллельно: Каждая команда & создаёт свою собственную веб-сессию, которая работает независимо. Вы можете запустить несколько задач, и они все будут работать одновременно в отдельных сессиях: 
& Fix the flaky test in auth.spec.ts
& Update the API documentation
& Refactor the logger to use structured output
Мониторьте все сессии с помощью /tasks. Когда сессия завершится, вы можете создать PR из веб-интерфейса или телепортировать сессию в ваш терминал для продолжения работы.

​
От веб-приложения к терминалу

Есть несколько способов вытащить веб-сессию в ваш терминал:
  • Используя /teleport: Из Claude Code запустите /teleport (или /tp) для просмотра интерактивного выбора ваших веб-сессий. Если у вас есть незафиксированные изменения, вам будет предложено сначала их спрятать.
  • Используя --teleport: Из командной строки запустите claude --teleport для интерактивного выбора сессии, или claude --teleport <session-id> для прямого возобновления конкретной сессии.
  • Из /tasks: Запустите /tasks для просмотра ваших фоновых сессий, затем нажмите t для телепортирования в одну из них
  • Из веб-интерфейса: Нажмите “Open in CLI” для копирования команды, которую вы можете вставить в ваш терминал
Когда вы телепортируете сессию, Claude проверяет, что вы находитесь в правильном репозитории, получает и проверяет ветку из удалённой сессии, и загружает полную историю разговора в ваш терминал.

​
Требования для телепортирования

Телепортирование проверяет эти требования перед возобновлением сессии. Если какое-либо требование не выполнено, вы увидите ошибку или будете приглашены разрешить проблему.
ТребованиеДетали
Чистое состояние gitВаш рабочий каталог должен не иметь незафиксированных изменений. Телепортирование предложит вам спрятать изменения при необходимости.
Правильный репозиторийВы должны запустить --teleport из проверки того же репозитория, а не форка.
Ветка доступнаВетка из веб-сессии должна быть отправлена в удалённое хранилище. Телепортирование автоматически получает и проверяет её.
Один и тот же аккаунтВы должны быть аутентифицированы на том же аккаунте Claude.ai, который использовался в веб-сессии.

​
Совместное использование сессий

Для совместного использования сессии переключите её видимость в соответствии с типами аккаунтов ниже. После этого поделитесь ссылкой сессии как есть. Получатели, которые откроют вашу общую сессию, увидят последнее состояние сессии при загрузке, но страница получателя не будет обновляться в реальном времени.

​
Совместное использование из аккаунта Enterprise или Teams

Для аккаунтов Enterprise и Teams два варианта видимости - Private и Team. Видимость Team делает сессию видимой для других членов вашей организации Claude.ai. Проверка доступа к репозиторию включена по умолчанию на основе аккаунта GitHub, подключённого к аккаунту получателя. Отображаемое имя вашего аккаунта видно всем получателям с доступом. Сессии Claude в Slack автоматически общаются с видимостью Team.

​
Совместное использование из аккаунта Max или Pro

Для аккаунтов Max и Pro два варианта видимости - Private и Public. Видимость Public делает сессию видимой для любого пользователя, вошедшего в claude.ai. Проверьте вашу сессию на чувствительный контент перед совместным использованием. Сессии могут содержать код и учётные данные из приватных репозиториев GitHub. Проверка доступа к репозиторию не включена по умолчанию. Включите проверку доступа к репозиторию и/или скройте своё имя из ваших общих сессий, перейдя в Settings > Claude Code > Sharing settings.

​
Облачное окружение

​
Образ по умолчанию

Мы создаём и поддерживаем универсальный образ с предустановленными распространёнными наборами инструментов и экосистемами языков. Этот образ включает:
  • Популярные языки программирования и среды выполнения
  • Распространённые инструменты сборки и менеджеры пакетов
  • Фреймворки тестирования и линтеры

​
Проверка доступных инструментов

Чтобы увидеть, что предустановлено в вашем окружении, попросите Claude Code запустить: 
check-tools
Эта команда отображает:
  • Языки программирования и их версии
  • Доступные менеджеры пакетов
  • Установленные инструменты разработки

​
Настройки для конкретных языков

Универсальный образ включает предконфигурированные окружения для:
  • Python: Python 3.x с pip, poetry и распространёнными научными библиотеками
  • Node.js: Последние версии LTS с npm, yarn, pnpm и bun
  • Ruby: Версии 3.1.6, 3.2.6, 3.3.6 (по умолчанию: 3.3.6) с gem, bundler и rbenv для управления версиями
  • PHP: Версия 8.4.14
  • Java: OpenJDK с Maven и Gradle
  • Go: Последняя стабильная версия с поддержкой модулей
  • Rust: Rust toolchain с cargo
  • C++: Компиляторы GCC и Clang

​
Базы данных

Универсальный образ включает следующие базы данных:
  • PostgreSQL: Версия 16
  • Redis: Версия 7.0

​
Конфигурация окружения

Когда вы начинаете сессию в Claude Code в веб-приложении, вот что происходит под капотом:
  1. Подготовка окружения: Мы клонируем ваш репозиторий и запускаем любые настроенные Claude hooks для инициализации. Репозиторий будет клонирован с ветвью по умолчанию вашего репозитория GitHub. Если вы хотите проверить конкретную ветку, вы можете указать это в подсказке.
  2. Конфигурация сети: Мы настраиваем доступ в Интернет для агента. Доступ в Интернет ограничен по умолчанию, но вы можете настроить окружение на отсутствие доступа в Интернет или полный доступ в Интернет на основе ваших потребностей.
  3. Выполнение Claude Code: Claude Code запускается для выполнения вашей задачи, написания кода, запуска тестов и проверки своей работы. Вы можете управлять и направлять Claude на протяжении всей сессии через веб-интерфейс. Claude уважает контекст, который вы определили в вашем CLAUDE.md.
  4. Результат: Когда Claude завершит свою работу, он отправит ветку в удалённое хранилище. Вы сможете создать PR для ветки.
Claude работает полностью через терминал и инструменты CLI, доступные в окружении. Он использует предустановленные инструменты в универсальном образе и любые дополнительные инструменты, которые вы устанавливаете через hooks или управление зависимостями.
Для добавления нового окружения: Выберите текущее окружение для открытия селектора окружения, затем выберите “Add environment”. Это откроет диалог, где вы можете указать имя окружения, уровень доступа в сеть и любые переменные окружения, которые вы хотите установить. Для обновления существующего окружения: Выберите текущее окружение, справа от имени окружения, и выберите кнопку параметров. Это откроет диалог, где вы можете обновить имя окружения, доступ в сеть и переменные окружения. Для выбора вашего окружения по умолчанию из терминала: Если у вас есть несколько настроенных окружений, запустите /remote-env для выбора того, которое использовать при запуске веб-сессий из вашего терминала с & или --remote. С одним окружением эта команда показывает вашу текущую конфигурацию.
Переменные окружения должны быть указаны как пары ключ-значение в формате .env. Например:
API_KEY=your_api_key
DEBUG=true

​
Управление зависимостями

Настройте автоматическую установку зависимостей, используя SessionStart hooks. Это можно настроить в файле .claude/settings.json вашего репозитория: 
{
  "hooks": {
    "SessionStart": [
      {
        "matcher": "startup",
        "hooks": [
          {
            "type": "command",
            "command": "\"$CLAUDE_PROJECT_DIR\"/scripts/install_pkgs.sh"
          }
        ]
      }
    ]
  }
}
Создайте соответствующий скрипт в scripts/install_pkgs.sh: 
#!/bin/bash
npm install
pip install -r requirements.txt
exit 0
Сделайте его исполняемым: chmod +x scripts/install_pkgs.sh

​
Локальное и удалённое выполнение

По умолчанию все hooks выполняются как локально, так и в удалённых (веб) окружениях. Для запуска hook только в одном окружении проверьте переменную окружения CLAUDE_CODE_REMOTE в вашем скрипте hook. 
#!/bin/bash

# Example: Only run in remote environments
if [ "$CLAUDE_CODE_REMOTE" != "true" ]; then
  exit 0
fi

npm install
pip install -r requirements.txt

​
Сохранение переменных окружения

SessionStart hooks могут сохранять переменные окружения для последующих команд bash, записывая в файл, указанный в переменной окружения CLAUDE_ENV_FILE. Для деталей см. SessionStart hooks в справочнике hooks.

​
Доступ в сеть и безопасность

​
Политика сети

​
GitHub прокси

Для безопасности все операции GitHub проходят через выделённый прокси-сервис, который прозрачно обрабатывает все взаимодействия git. Внутри песочницы клиент git аутентифицируется, используя пользовательское ограниченное учётное данные. Этот прокси:
  • Безопасно управляет аутентификацией GitHub - клиент git использует ограниченное учётное данные внутри песочницы, которое прокси проверяет и переводит в ваш фактический токен аутентификации GitHub
  • Ограничивает операции git push к текущей рабочей ветке для безопасности
  • Обеспечивает бесшовное клонирование, получение и операции PR при сохранении границ безопасности

​
Прокси безопасности

Окружения работают за HTTP/HTTPS сетевым прокси для целей безопасности и предотвращения злоупотреблений. Весь исходящий интернет-трафик проходит через этот прокси, который обеспечивает:
  • Защиту от вредоносных запросов
  • Ограничение скорости и предотвращение злоупотреблений
  • Фильтрацию контента для повышенной безопасности

​
Уровни доступа

По умолчанию доступ в сеть ограничен доменами в списке разрешений. Вы можете настроить пользовательский доступ в сеть, включая отключение доступа в сеть.

​
Домены, разрешённые по умолчанию

При использовании “Limited” доступа в сеть следующие домены разрешены по умолчанию:

​
Сервисы Anthropic

  • api.anthropic.com
  • statsig.anthropic.com
  • platform.claude.com
  • code.claude.com
  • claude.ai

​
Контроль версий

  • github.com
  • www.github.com
  • api.github.com
  • npm.pkg.github.com
  • raw.githubusercontent.com
  • pkg-npm.githubusercontent.com
  • objects.githubusercontent.com
  • codeload.github.com
  • avatars.githubusercontent.com
  • camo.githubusercontent.com
  • gist.github.com
  • gitlab.com
  • www.gitlab.com
  • registry.gitlab.com
  • bitbucket.org
  • www.bitbucket.org
  • api.bitbucket.org

​
Реестры контейнеров

  • registry-1.docker.io
  • auth.docker.io
  • index.docker.io
  • hub.docker.com
  • www.docker.com
  • production.cloudflare.docker.com
  • download.docker.com
  • gcr.io
  • *.gcr.io
  • ghcr.io
  • mcr.microsoft.com
  • *.data.mcr.microsoft.com
  • public.ecr.aws

​
Облачные платформы

  • cloud.google.com
  • accounts.google.com
  • gcloud.google.com
  • *.googleapis.com
  • storage.googleapis.com
  • compute.googleapis.com
  • container.googleapis.com
  • azure.com
  • portal.azure.com
  • microsoft.com
  • www.microsoft.com
  • *.microsoftonline.com
  • packages.microsoft.com
  • dotnet.microsoft.com
  • dot.net
  • visualstudio.com
  • dev.azure.com
  • *.amazonaws.com
  • *.api.aws
  • oracle.com
  • www.oracle.com
  • java.com
  • www.java.com
  • java.net
  • www.java.net
  • download.oracle.com
  • yum.oracle.com

​
Менеджеры пакетов - JavaScript/Node

​
Менеджеры пакетов - Python

​
Менеджеры пакетов - Ruby

​
Менеджеры пакетов - Rust

​
Менеджеры пакетов - Go

  • proxy.golang.org
  • sum.golang.org
  • index.golang.org
  • golang.org
  • www.golang.org
  • goproxy.io
  • pkg.go.dev

​
Менеджеры пакетов - JVM

  • maven.org
  • repo.maven.org
  • central.maven.org
  • repo1.maven.org
  • jcenter.bintray.com
  • gradle.org
  • www.gradle.org
  • services.gradle.org
  • plugins.gradle.org
  • kotlin.org
  • www.kotlin.org
  • spring.io
  • repo.spring.io

​
Менеджеры пакетов - Другие языки

​
Дистрибутивы Linux

​
Инструменты разработки и платформы

  • dl.k8s.io (Kubernetes)
  • pkgs.k8s.io
  • k8s.io
  • www.k8s.io
  • releases.hashicorp.com (HashiCorp)
  • apt.releases.hashicorp.com
  • rpm.releases.hashicorp.com
  • archive.releases.hashicorp.com
  • hashicorp.com
  • www.hashicorp.com
  • repo.anaconda.com (Anaconda/Conda)
  • conda.anaconda.org
  • anaconda.org
  • www.anaconda.com
  • anaconda.com
  • continuum.io
  • apache.org (Apache)
  • www.apache.org
  • archive.apache.org
  • downloads.apache.org
  • eclipse.org (Eclipse)
  • www.eclipse.org
  • download.eclipse.org
  • nodejs.org (Node.js)
  • www.nodejs.org

​
Облачные сервисы и мониторинг

  • statsig.com
  • www.statsig.com
  • api.statsig.com
  • sentry.io
  • *.sentry.io
  • http-intake.logs.datadoghq.com
  • *.datadoghq.com
  • *.datadoghq.eu

​
Доставка контента и зеркала

  • sourceforge.net
  • *.sourceforge.net
  • packagecloud.io
  • *.packagecloud.io

​
Схема и конфигурация

​
Model Context Protocol

  • *.modelcontextprotocol.io
Домены, отмеченные *, указывают на совпадение поддомена с подстановочным знаком. Например, *.gcr.io разрешает доступ к любому поддомену gcr.io.

​
Лучшие практики безопасности для пользовательского доступа в сеть

  1. Принцип наименьших привилегий: Включайте только минимальный доступ в сеть, необходимый
  2. Регулярный аудит: Периодически проверяйте разрешённые домены
  3. Используйте HTTPS: Всегда предпочитайте конечные точки HTTPS вместо HTTP

​
Безопасность и изоляция

Claude Code в веб-приложении обеспечивает сильные гарантии безопасности:
  • Изолированные виртуальные машины: Каждая сессия работает в изолированной, управляемой Anthropic ВМ
  • Элементы управления доступом в сеть: Доступ в сеть ограничен по умолчанию и может быть отключен
При запуске с отключённым доступом в сеть Claude Code может взаимодействовать с API Anthropic, что может позволить данным выйти из изолированной ВМ Claude Code.
  • Защита учётных данных: Чувствительные учётные данные (такие как учётные данные git или ключи подписи) никогда не находятся внутри песочницы с Claude Code. Аутентификация обрабатывается через защищённый прокси, используя ограниченные учётные данные
  • Безопасный анализ: Код анализируется и изменяется в изолированных ВМ перед созданием PR

​
Цены и ограничения скорости

Claude Code в веб-приложении использует общие ограничения скорости со всеми другими использованиями Claude и Claude Code в вашем аккаунте. Запуск нескольких задач параллельно будет потреблять больше ограничений скорости пропорционально.

​
Ограничения

  • Аутентификация репозитория: Вы можете перемещать сессии из веб-приложения в локальное только когда вы аутентифицированы на одном и том же аккаунте
  • Ограничения платформы: Claude Code в веб-приложении работает только с кодом, размещённым в GitHub. Репозитории GitLab и другие не-GitHub репозитории не могут использоваться с облачными сессиями

​
Лучшие практики

  1. Используйте Claude Code hooks: Настройте SessionStart hooks для автоматизации настройки окружения и установки зависимостей.
  2. Документируйте требования: Чётко укажите зависимости и команды в вашем файле CLAUDE.md. Если у вас есть файл AGENTS.md, вы можете получить его в вашем CLAUDE.md, используя @AGENTS.md для сохранения единого источника истины.

​
Связанные ресурсы