Claude Code в веб-приложении

​

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

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

• В пути: Запускайте задачи во время поездки или вдали от ноутбука
• Мониторинг: Следите за траекторией и управляйте работой агента

​

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

• Пользователей Pro
• Пользователей Max

​

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

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

​

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

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

​

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

​

Из веб-приложения в терминал

1. Нажмите кнопку “Open in CLI”
2. Вставьте и запустите команду в вашем терминале в checkout репозитория
3. Любые существующие локальные изменения будут скрыты, и удалённый сеанс будет загружен
4. Продолжайте работу локально

​

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

​

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

• Популярные языки программирования и среды выполнения
• Общие инструменты сборки и менеджеры пакетов
• Фреймворки тестирования и линтеры

​

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

check-tools

• Языки программирования и их версии
• Доступные менеджеры пакетов
• Установленные инструменты разработки

​

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

• Python: Python 3.x с pip, poetry и популярными научными библиотеками
• Node.js: Последние версии LTS с npm, yarn и pnpm
• Java: OpenJDK с Maven и Gradle
• Go: Последняя стабильная версия с поддержкой модулей
• Rust: Rust toolchain с cargo
• C++: Компиляторы GCC и Clang

​

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

1. Подготовка окружения: Мы клонируем ваш репозиторий и запускаем любые настроенные Claude hooks для инициализации. Репозиторий будет клонирован с ветвью по умолчанию вашего репозитория GitHub. Если вы хотите проверить конкретную ветку, вы можете указать это в подсказке.
2. Конфигурация сети: Мы настраиваем доступ в Интернет для агента. Доступ в Интернет ограничен по умолчанию, но вы можете настроить окружение на отсутствие доступа в Интернет или полный доступ в Интернет в зависимости от ваших потребностей.
3. Выполнение Claude Code: Claude Code запускается для выполнения вашей задачи, написания кода, запуска тестов и проверки своей работы. Вы можете направлять и управлять Claude на протяжении всего сеанса через веб-интерфейс. Claude уважает контекст, который вы определили в вашем CLAUDE.md.
4. Результат: Когда Claude завершит свою работу, он отправит ветку в удалённый репозиторий. Вы сможете создать PR для ветки.

API_KEY=your_api_key
DEBUG=true

​

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

{
  "hooks": {
    "SessionStart": [
      {
        "matcher": "startup",
        "hooks": [
          {
            "type": "command",
            "command": "\"$CLAUDE_PROJECT_DIR\"/scripts/install_pkgs.sh"
          }
        ]
      }
    ]
  }
}

#!/bin/bash
npm install
pip install -r requirements.txt
exit 0

​

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

#!/bin/bash

# Пример: Запуск только в удалённых окружениях
if [ "$CLAUDE_CODE_REMOTE" != "true" ]; then
  exit 0
fi

npm install
pip install -r requirements.txt

​

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

​

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

​

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

​

GitHub прокси

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

​

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

• Защиту от вредоносных запросов
• Ограничение скорости и предотвращение злоупотреблений
• Фильтрацию контента для повышенной безопасности

​

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

​

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

​

Сервисы Anthropic

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

​

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

• github.com
• www.github.com
• api.github.com
• raw.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
• ghcr.io
• mcr.microsoft.com
• *.data.mcr.microsoft.com

​

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

• 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
• oracle.com
• www.oracle.com
• java.com
• www.java.com
• java.net
• www.java.net
• download.oracle.com
• yum.oracle.com

​

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

• registry.npmjs.org
• www.npmjs.com
• www.npmjs.org
• npmjs.com
• npmjs.org
• yarnpkg.com
• registry.yarnpkg.com

​

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

• pypi.org
• www.pypi.org
• files.pythonhosted.org
• pythonhosted.org
• test.pypi.org
• pypi.python.org
• pypa.io
• www.pypa.io

​

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

• rubygems.org
• www.rubygems.org
• api.rubygems.org
• index.rubygems.org
• ruby-lang.org
• www.ruby-lang.org
• rubyforge.org
• www.rubyforge.org
• rubyonrails.org
• www.rubyonrails.org
• rvm.io
• get.rvm.io

​

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

• crates.io
• www.crates.io
• static.crates.io
• rustup.rs
• static.rust-lang.org
• www.rust-lang.org

​

Менеджеры пакетов - 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
• spring.io
• repo.spring.io

​

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

• packagist.org (PHP Composer)
• www.packagist.org
• repo.packagist.org
• nuget.org (.NET NuGet)
• www.nuget.org
• api.nuget.org
• pub.dev (Dart/Flutter)
• api.pub.dev
• hex.pm (Elixir/Erlang)
• www.hex.pm
• cpan.org (Perl CPAN)
• www.cpan.org
• metacpan.org
• www.metacpan.org
• api.metacpan.org
• cocoapods.org (iOS/macOS)
• www.cocoapods.org
• cdn.cocoapods.org
• haskell.org
• www.haskell.org
• hackage.haskell.org
• swift.org
• www.swift.org

​

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

• archive.ubuntu.com
• security.ubuntu.com
• ubuntu.com
• www.ubuntu.com
• *.ubuntu.com
• ppa.launchpad.net
• launchpad.net
• www.launchpad.net

​

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

• 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

​

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

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

​

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

• json-schema.org
• www.json-schema.org
• json.schemastore.org
• www.schemastore.org

​

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

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

​

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

• Изолированные виртуальные машины: Каждый сеанс работает в изолированной виртуальной машине, управляемой Anthropic
• Элементы управления доступом в сеть: Доступ в сеть ограничен по умолчанию и может быть отключен

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

​

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

​

Ограничения

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

​

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

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

​

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

• Конфигурация Hooks
• Справочник параметров
• Безопасность
• Использование данных