Claude Code on the web

​

Claude Code on the web 是什麼？

• 回答問題：詢問程式碼架構以及功能如何實現
• 修復錯誤和例行任務：定義明確的任務，不需要頻繁的操控
• 並行工作：同時處理多個錯誤修復
• 不在本機上的儲存庫：處理您未在本機簽出的程式碼
• 後端變更：Claude Code 可以編寫測試，然後編寫程式碼來通過這些測試

• 隨時隨地：在通勤或遠離筆記型電腦時啟動任務
• 監控：觀察代理工作的軌跡並進行操控

​

誰可以使用 Claude Code on the web？

• Pro 使用者
• Max 使用者

​

開始使用

1. 造訪 claude.ai/code
2. 連接您的 GitHub 帳戶
3. 在您的儲存庫中安裝 Claude GitHub 應用程式
4. 選擇您的預設環境
5. 提交您的編碼任務
6. 檢查變更並在 GitHub 中建立拉取請求

​

運作方式

1. 儲存庫複製：您的儲存庫被複製到 Anthropic 管理的虛擬機器
2. 環境設定：Claude 準備一個安全的雲端環境，其中包含您的程式碼
3. 網路配置：根據您的設定配置網際網路存取
4. 任務執行：Claude 分析程式碼、進行變更、執行測試並檢查其工作
5. 完成：完成時會通知您，您可以使用變更建立 PR
6. 結果：變更被推送到分支，準備好建立拉取請求

​

在網頁和終端機之間移動任務

​

從網頁到終端機

1. 點擊「在 CLI 中開啟」按鈕
2. 在儲存庫簽出的終端機中貼上並執行命令
3. 任何現有的本機變更將被暫存，遠端工作階段將被載入
4. 繼續在本機工作

​

雲端環境

​

預設映像

• 流行的程式設計語言和執行時
• 常見的建置工具和套件管理器
• 測試框架和 linter

​

檢查可用工具

check-tools

• 程式設計語言及其版本
• 可用的套件管理器
• 已安裝的開發工具

​

特定語言的設定

• Python：Python 3.x，附帶 pip、poetry 和常見的科學庫
• Node.js：最新 LTS 版本，附帶 npm、yarn 和 pnpm
• Java：OpenJDK，附帶 Maven 和 Gradle
• Go：最新穩定版本，附帶模組支援
• Rust：Rust 工具鏈，附帶 cargo
• C++：GCC 和 Clang 編譯器

​

環境配置

1. 環境準備：我們複製您的儲存庫並執行任何為初始化配置的 Claude 掛鉤。儲存庫將使用 GitHub 儲存庫上的預設分支進行複製。如果您想簽出特定分支，可以在提示中指定。
2. 網路配置：我們為代理配置網際網路存取。預設情況下，網際網路存取受到限制，但您可以根據需要將環境配置為無網際網路或完全網際網路存取。
3. Claude Code 執行：Claude Code 執行以完成您的任務，編寫程式碼、執行測試並檢查其工作。您可以通過網頁介面在整個工作階段中指導和操控 Claude。Claude 尊重您在 CLAUDE.md 中定義的上下文。
4. 結果：當 Claude 完成其工作時，它將把分支推送到遠端。您將能夠為分支建立 PR。

API_KEY=your_api_key
DEBUG=true

​

依賴管理

{
  "hooks": {
    "sessionStart": [
      {
        "matcher": "",
        "hooks": [
          {
            "type": "command",
            "command": "./scripts/install_pkgs.sh"
          }
        ]
      }
    ]
  }
}

​

網路存取和安全性

​

網路政策

​

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 管理 VM 中執行
• 網路存取控制：預設情況下網路存取受到限制，可以禁用
• 認證保護：敏感認證（例如 git 認證或簽署金鑰）永遠不會在 Claude Code 的沙箱內。驗證通過使用限定範圍認證的安全代理進行處理
• 安全分析：程式碼在建立 PR 之前在隔離 VM 內進行分析和修改

​

定價和速率限制

​

限制

• 儲存庫驗證：只有在您驗證到同一帳戶時，才能將工作階段從網頁移至本機
• 平台限制：Claude Code on the web 僅適用於在 GitHub 中託管的程式碼。GitLab 和其他非 GitHub 儲存庫無法與雲端工作階段一起使用

​

最佳實踐

1. 使用 Claude Code 掛鉤：配置 sessionStart 掛鉤以自動化環境設定、依賴安裝和網路配置
2. 記錄需求：在您的 CLAUDE.md 檔案中清楚地指定依賴和命令。如果您有 AGENTS.md 檔案，可以在 CLAUDE.md 中使用 @AGENTS.md 來源它，以維護單一真實來源。

​

相關資源

• 掛鉤配置
• 設定參考
• 安全性
• 資料使用