本文根據 Claude Code 官方文檔《Get started with Claude Code in the cloud》《Use Claude Code in the cloud》整理,核對日期 2026-10-07。
適用於誰
- 想在瀏覽器或手機上直接讓 Claude 改 GitHub 倉庫的代碼,不想在本地裝環境的人;
- 想同時跑好幾個互不相干的任務、交代完就去忙別的的人;
- 搜「claude code web」「claude code 網頁版」「web ui」的人。
結論先說
- Claude Code 網頁版 = 雲端會話:在 claude.ai/code 打開,Claude 會把你的 GitHub 倉庫克隆到一台 Anthropic 管理的隔離虛擬機裏幹活,改完推送一個分支給你審。
- 可用套餐:Pro、Max、Team,以及 Enterprise 中帶高級席位或「Chat + Claude Code」席位的用戶。
- 需要 GitHub:第一次要連接 GitHub 帳號;私有倉庫需要在對應帳號或組織上安裝 Claude GitHub App。
- 雲端會話關掉網頁、合上電腦也會繼續跑;手機 App 上也能查看和繼續。
- 雲端會話和本機的其他 Claude 使用共享同一份額度,並行跑多個任務消耗相應增加;官方說明雲端虛擬機本身不額外收費。
網頁版和本地版怎麼選
| 雲端會話(網頁版) | 本地會話 | 本地會話 + Remote Control | |
|---|---|---|---|
| 代碼在哪運行 | 雲端虛擬機 | 你的電腦 | 你的電腦 |
| 從哪裏開始 | claude.ai/code、手機 App、桌面版選 Cloud、claude --cloud | 終端、IDE、桌面版選 Local | 終端、VS Code、桌面版 |
| 用你本地的配置 | 否,只有倉庫內容 | 是 | 是 |
| 需要 GitHub | 是 | 否 | 否 |
| 斷開後繼續運行 | 是 | 否 | 本機會話開着就繼續 |
| 權限模式 | Accept edits、Plan、Auto | 全部 | 從網頁 / 手機可選 Manual、Accept edits、Plan |
官方建議:並行任務、本地沒有的倉庫、交代清楚就不用盯的任務、讀代碼答疑,適合雲端;需要本地配置、工具或環境的工作,用本地會話或 Remote Control 更合適。
步驟
1. 打開 claude.ai/code 並連接 GitHub
- 訪問 claude.ai/code,用 claude.ai 帳號登入;
- 按提示連接 GitHub,在 GitHub 授權頁確認;
- 想用私有倉庫,到 github.com/apps/claude 給對應帳號或組織安裝 Claude GitHub App(組織可能需要所有者批准)。安裝後還能用「自動修 PR」功能;
- 雲端環境:Pro / Max 會自動創建一個名為 Default 的環境;Team / Enterprise 會出現「創建第一個雲端環境」表單,保持預設點 Create & finish 即可。
Default 環境的網絡是「Trusted」級別:可以訪問常見的包管理源和其他白名單域名,其他網絡訪問會被限制。需要改網絡權限、加環境變量或在會話開始前運行安裝腳本,可以編輯環境。
Team / Enterprise 用戶注意:要先由組織 Owner 在「組織設定 → 連接器」裏打開 GitHub 連接器,否則看不到連接按鈕。
用命令行連接(可選):已經裝了 Claude Code 和 GitHub CLI 的話,先 gh auth login,在 Claude Code 裏用 claude.ai 帳號 /login,再運行 /web-setup。它會把你 gh 的令牌加密儲存到 Claude 帳號,雲端會話就能訪問這個令牌能訪問的所有倉庫(不必裝 GitHub App)。
2. 交代一個任務
- 在輸入框下方選擇倉庫和分支(可以添加多個倉庫);
- 在輸入框旁的下拉框選權限模式:
- Auto:分類器代你審核操作(組織允許且模型支持時出現);
- Accept edits:直接改並推送分支,不停下來問;
- Plan:先出方案,你批准後才改文件;
- 寫清楚任務,按回車。官方建議:點名文件或函數(「修復
tests/test_auth.py裏失敗的認證測試」比「修測試」好)、有報錯就貼上、描述期望的行為而不只是症狀。
每個任務一個獨立會話、一個獨立分支,不用等上一個跑完就能開下一個。
3. 審閱、批註、建 PR
- 會話裏會顯示改動統計(如
+42 -18),點開進入 diff 視圖,左邊是文件列表、右邊是改動;預設和基準分支比較,可以選 Compare against 換分支; - 行內批註:點任意一行寫意見,批註會和你下一條消息一起發給 Claude,比如「
src/auth.ts:47這裏不要吞掉異常」,不用再描述位置; - 滿意後點 diff 視圖頂部的 Create PR,可以建正式 PR、草稿 PR,或跳到 GitHub 的編輯頁;
- PR 建好後會話仍然在線:把 CI 報錯或審查意見貼進來讓 Claude 繼續改。
自動修 PR(Auto-fix):在會話的 CI 狀態欄裏打開 Auto-fix,Claude 會訂閱這個 PR 的動態,CI 失敗或有人留審查意見時自動排查,有明確修法就推送修復。需要倉庫裝了 Claude GitHub App。本地終端裏也可以在 PR 分支上運行 /autofix-pr 一步開啟。
和本地終端互相轉移
從終端發到雲端:
bash
claude --cloud "修復 src/auth/login.ts 裏的認證 bug"
雲端虛擬機克隆的是你當前目錄的 GitHub 遠程倉庫和當前分支(不是本地的工作區),所以有本地提交要先推送。官方的小技巧:複雜任務先在本地用 plan 模式和 Claude 商量好方案,再發到雲端執行。
從雲端拉回終端:
bash
claude --teleport # 打開雲端會話選擇器
claude --teleport <會話ID> # 直接拉取指定會話
或者在已打開的 Claude Code 裏輸入 /teleport(/tp)。它會確認你在正確的倉庫裏、拉取並切換到雲端會話的分支、載入完整對話歷史。之後在終端裏的新工作只儲存在本地,不會同步回網頁。
注意:命令行這邊只能「拉回」雲端會話,不能把已有的終端會話「推」到雲端(桌面版的 Code 標籤可以通過「Open in」選單發送到雲端)。
安全與隔離
- 每個雲端會話運行在獨立的虛擬機裏,和你的電腦、和其他會話隔離;
- 網絡訪問預設受限,可以關閉;
- git 憑據和簽名密鑰不放進沙箱,由代理用受限的憑據替會話完成認證;
- 改代碼、分析都在隔離環境裏完成後再創建 PR。
常見問題
Q:連接 GitHub 後看不到我的私有倉庫?
瀏覽器方式連接時,私有倉庫只有在其所屬帳號或組織裝了 Claude GitHub App、且安裝範圍包含該倉庫時才會出現。用 /web-setup 方式時,用 gh repo view 所有者/倉庫 檢查你的 GitHub CLI 能否看到它。
Q:提示「Claude Code isn't available on your account」?
你在當前組織的席位不包含 Claude Code。屬於多個組織的可以點 Switch organization 切換,否則請組織 Owner 分配包含 Claude Code 的席位。
Q:關掉網頁後會話還在跑?
這是設計如此。會話會在後台把當前任務做完然後空閒。不需要的可以在側邊欄歸檔或刪除。
Q:不用 GitHub 能用網頁版嗎?
倉庫克隆和創建 PR 依賴 GitHub。GitLab 等其他託管的倉庫可以通過 claude --cloud 以本地打包方式發送(需設定 CCR_FORCE_BUNDLE=1),但結果推不回原來的遠程。完全不想連 GitHub,可以用 Remote Control:代碼在自己電腦上跑,在網頁或手機上查看和操作。
Q:網頁版能用我電腦上的 CLAUDE.md、技能、插件嗎?
雲端會話只有倉庫裏的內容。提交到倉庫的 .claude/settings.json、CLAUDE.md、項目技能會生效;你本機 ~/.claude 下的個人配置和本地安裝的插件不會加載。
參考資料
- Get started with Claude Code in the cloud(官方):https://code.claude.com/docs/en/web-quickstart
- Use Claude Code in the cloud(官方):https://code.claude.com/docs/en/claude-code-on-the-web
- Configure cloud environments(官方):https://code.claude.com/docs/en/cloud-environments
- Remote Control(官方):https://code.claude.com/docs/en/remote-control
- Choose a permission mode(官方):https://code.claude.com/docs/en/permission-modes
0 條評論
還沒有評論,來搶沙發~