Claude Code on the web

​

Claude Code on the web 是什么？

• 回答问题：询问代码架构和功能实现方式
• 错误修复和日常任务：不需要频繁调整的明确定义的任务
• 并行工作：同时处理多个错误修复
• 不在本地机器上的存储库：处理你本地没有检出的代码
• 后端更改：Claude Code 可以编写测试，然后编写代码来通过这些测试

​

谁可以使用 Claude Code on the web？

• Pro 用户
• Max 用户
• Team 高级席位用户
• Enterprise 高级席位用户

​

入门

1. 访问 claude.ai/code
2. 连接你的 GitHub 账户
3. 在你的存储库中安装 Claude GitHub 应用
4. 选择你的默认环境
5. 提交你的编码任务
6. 在 diff 视图中查看更改，通过评论进行迭代，然后创建拉取请求

​

工作原理

1. 存储库克隆：你的存储库被克隆到 Anthropic 管理的虚拟机
2. 环境设置：Claude 准备一个安全的云环境，其中包含你的代码
3. 网络配置：根据你的设置配置互联网访问
4. 任务执行：Claude 分析代码、进行更改、运行测试并检查其工作
5. 完成：你会收到完成通知，可以使用更改创建拉取请求
6. 结果：更改被推送到一个分支，准备好创建拉取请求

​

使用 diff 视图查看更改

• 逐个文件查看更改
• 对特定更改进行评论以请求修改
• 根据你看到的内容继续与 Claude 迭代

​

在网络和终端之间移动任务

​

从终端到网络

& Fix the authentication bug in src/auth/login.ts

claude --remote "Fix the authentication bug in src/auth/login.ts"

​

后台任务的提示

claude --permission-mode plan

& Execute the migration plan we discussed

& Fix the flaky test in auth.spec.ts
& Update the API documentation
& Refactor the logger to use structured output

​

从网络到终端

• 使用 /teleport：在 Claude Code 中，运行 /teleport（或 /tp）以查看你的网络会话的交互式选择器。如果你有未提交的更改，系统会提示你先隐藏它们。
• 使用 --teleport：从命令行，运行 claude --teleport 以获得交互式会话选择器，或 claude --teleport <session-id> 以直接恢复特定会话。
• 从 /tasks：运行 /tasks 查看你的后台会话，然后按 t 传送到其中一个
• 从网络界面：点击”在 CLI 中打开”以复制可以粘贴到终端中的命令

​

传送的要求

​

共享会话

​

从 Enterprise 或 Teams 账户共享

​

从 Max 或 Pro 账户共享

​

云环境

​

默认镜像

• 流行的编程语言和运行时
• 常见的构建工具和包管理器
• 测试框架和 linters

​

检查可用工具

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 工具链，带有 cargo
• C++：GCC 和 Clang 编译器

​

数据库

• PostgreSQL：版本 16
• Redis：版本 7.0

​

环境配置

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

# Example: Only run in remote environments
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
• 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

• 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
• index.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
• plugins.gradle.org
• kotlin.org
• www.kotlin.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
• *.sentry.io
• http-intake.logs.datadoghq.com
• *.datadoghq.com
• *.datadoghq.eu

​

内容交付和镜像

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

​

架构和配置

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

​

Model Context Protocol

• *.modelcontextprotocol.io

​

自定义网络访问的安全最佳实践

1. 最小权限原则：仅启用所需的最小网络访问
2. 定期审计：定期审查允许的域
3. 使用 HTTPS：始终优先使用 HTTPS 端点而不是 HTTP

​

安全和隔离

• 隔离的虚拟机：每个会话在隔离的、Anthropic 管理的 VM 中运行
• 网络访问控制：网络访问默认受限，可以禁用

• 凭证保护：敏感凭证（如 git 凭证或签名密钥）永远不会在沙箱内与 Claude Code 一起。身份验证通过使用作用域凭证的安全代理处理
• 安全分析：代码在创建 PR 之前在隔离的 VM 内进行分析和修改

​

定价和速率限制

​

限制

• 存储库身份验证：你只能在认证到相同账户时将会话从网络移动到本地
• 平台限制：Claude Code on the web 仅适用于托管在 GitHub 中的代码。GitLab 和其他非 GitHub 存储库不能与云会话一起使用

​

最佳实践

1. 使用 Claude Code hooks：配置 SessionStart hooks 以自动化环境设置和依赖安装。
2. 记录要求：在你的 CLAUDE.md 文件中清楚地指定依赖和命令。如果你有 AGENTS.md 文件，你可以在你的 CLAUDE.md 中使用 @AGENTS.md 来源它以维护单一的真实来源。

​

相关资源

• Hooks 配置
• 设置参考
• 安全
• 数据使用