Claude Code di web saat ini dalam pratinjau penelitian.

​
Apa itu Claude Code di web?

Claude Code di web memungkinkan pengembang untuk memulai Claude Code dari aplikasi Claude. Ini sempurna untuk:
  • Menjawab pertanyaan: Tanyakan tentang arsitektur kode dan bagaimana fitur diimplementasikan
  • Perbaikan bug dan tugas rutin: Tugas yang terdefinisi dengan baik yang tidak memerlukan pengarahan sering
  • Pekerjaan paralel: Tangani beberapa perbaikan bug secara paralel
  • Repositori tidak di mesin lokal Anda: Bekerja pada kode yang tidak Anda checkout secara lokal
  • Perubahan backend: Di mana Claude Code dapat menulis tes dan kemudian menulis kode untuk lulus tes tersebut
Claude Code juga tersedia di aplikasi Claude iOS. Ini sempurna untuk:
  • Saat bepergian: Mulai tugas saat bepergian atau jauh dari laptop
  • Pemantauan: Pantau lintasan dan arahkan pekerjaan agen
Pengembang juga dapat memindahkan sesi Claude Code dari aplikasi Claude ke terminal mereka untuk melanjutkan tugas secara lokal.

​
Siapa yang dapat menggunakan Claude Code di web?

Claude Code di web tersedia dalam pratinjau penelitian untuk:
  • Pengguna Pro
  • Pengguna Max
Segera hadir untuk pengguna kursi premium Tim dan Perusahaan.

​
Memulai

  1. Kunjungi claude.ai/code
  2. Hubungkan akun GitHub Anda
  3. Instal aplikasi Claude GitHub di repositori Anda
  4. Pilih lingkungan default Anda
  5. Kirimkan tugas pengkodean Anda
  6. Tinjau perubahan dan buat permintaan tarik di GitHub

​
Cara kerjanya

Ketika Anda memulai tugas di Claude Code di web:
  1. Kloning repositori: Repositori Anda dikloning ke mesin virtual yang dikelola Anthropic
  2. Penyiapan lingkungan: Claude menyiapkan lingkungan cloud yang aman dengan kode Anda
  3. Konfigurasi jaringan: Akses internet dikonfigurasi berdasarkan pengaturan Anda
  4. Eksekusi tugas: Claude menganalisis kode, membuat perubahan, menjalankan tes, dan memeriksa pekerjaannya
  5. Penyelesaian: Anda diberitahu ketika selesai dan dapat membuat PR dengan perubahan
  6. Hasil: Perubahan didorong ke cabang, siap untuk pembuatan permintaan tarik

​
Memindahkan tugas antara web dan terminal

​
Dari web ke terminal

Setelah memulai tugas di web:
  1. Klik tombol “Buka di CLI”
  2. Tempel dan jalankan perintah di terminal Anda dalam checkout repo
  3. Perubahan lokal yang ada akan disimpan, dan sesi jarak jauh akan dimuat
  4. Lanjutkan bekerja secara lokal

​
Lingkungan cloud

​
Gambar default

Kami membangun dan memelihara gambar universal dengan rantai alat umum dan ekosistem bahasa yang sudah diinstal sebelumnya. Gambar ini mencakup:
  • Bahasa pemrograman dan runtime populer
  • Alat build umum dan pengelola paket
  • Kerangka kerja pengujian dan linter

​
Memeriksa alat yang tersedia

Untuk melihat apa yang sudah diinstal sebelumnya di lingkungan Anda, minta Claude Code untuk menjalankan: 
check-tools
Perintah ini menampilkan:
  • Bahasa pemrograman dan versinya
  • Pengelola paket yang tersedia
  • Alat pengembangan yang diinstal

​
Penyiapan khusus bahasa

Gambar universal mencakup lingkungan yang sudah dikonfigurasi untuk:
  • Python: Python 3.x dengan pip, poetry, dan perpustakaan ilmiah umum
  • Node.js: Versi LTS terbaru dengan npm, yarn, dan pnpm
  • Java: OpenJDK dengan Maven dan Gradle
  • Go: Versi stabil terbaru dengan dukungan modul
  • Rust: Rantai alat Rust dengan cargo
  • C++: Kompiler GCC dan Clang

​
Konfigurasi lingkungan

Ketika Anda memulai sesi di Claude Code di web, inilah yang terjadi di balik layar:
  1. Persiapan lingkungan: Kami mengkloning repositori Anda dan menjalankan kait Claude yang dikonfigurasi untuk inisialisasi. Repo akan dikloning dengan cabang default di repo GitHub Anda. Jika Anda ingin checkout cabang tertentu, Anda dapat menentukan itu dalam prompt.
  2. Konfigurasi jaringan: Kami mengonfigurasi akses internet untuk agen. Akses internet dibatasi secara default, tetapi Anda dapat mengonfigurasi lingkungan untuk tidak memiliki akses internet atau akses internet penuh berdasarkan kebutuhan Anda.
  3. Eksekusi Claude Code: Claude Code berjalan untuk menyelesaikan tugas Anda, menulis kode, menjalankan tes, dan memeriksa pekerjaannya. Anda dapat memandu dan mengarahkan Claude sepanjang sesi melalui antarmuka web. Claude menghormati konteks yang telah Anda tentukan di CLAUDE.md Anda.
  4. Hasil: Ketika Claude menyelesaikan pekerjaannya, itu akan mendorong cabang ke jarak jauh. Anda akan dapat membuat PR untuk cabang tersebut.
Claude beroperasi sepenuhnya melalui terminal dan alat CLI yang tersedia di lingkungan. Ini menggunakan alat yang sudah diinstal sebelumnya dalam gambar universal dan alat tambahan apa pun yang Anda instal melalui kait atau manajemen ketergantungan.
Untuk menambahkan lingkungan baru: Pilih lingkungan saat ini untuk membuka pemilih lingkungan, dan kemudian pilih “Tambahkan lingkungan”. Ini akan membuka dialog di mana Anda dapat menentukan nama lingkungan, tingkat akses jaringan, dan variabel lingkungan apa pun yang ingin Anda atur. Untuk memperbarui lingkungan yang ada: Pilih lingkungan saat ini, di sebelah kanan nama lingkungan, dan pilih tombol pengaturan. Ini akan membuka dialog di mana Anda dapat memperbarui nama lingkungan, akses jaringan, dan variabel lingkungan.
Variabel lingkungan harus ditentukan sebagai pasangan kunci-nilai, dalam format .env. Sebagai contoh:
API_KEY=your_api_key
DEBUG=true

​
Manajemen ketergantungan

Konfigurasikan instalasi ketergantungan otomatis menggunakan kait sessionStart: 
{
  "hooks": {
    "sessionStart": [
      {
        "matcher": "",
        "hooks": [
          {
            "type": "command",
            "command": "./scripts/install_pkgs.sh"
          }
        ]
      }
    ]
  }
}
Ini memastikan ketergantungan diinstal secara otomatis ketika sesi baru dimulai dengan akses jaringan yang tepat.

​
Akses jaringan dan keamanan

​
Kebijakan jaringan

​
Proxy GitHub

Untuk keamanan, semua operasi GitHub melalui layanan proxy khusus yang menangani semua interaksi git secara transparan. Di dalam sandbox, klien git mengautentikasi menggunakan kredensial bersistem khusus. Proxy ini:
  • Mengelola autentikasi GitHub dengan aman - klien git menggunakan kredensial bersistem di dalam sandbox, yang diverifikasi proxy dan diterjemahkan ke token autentikasi GitHub aktual Anda
  • Membatasi operasi git push ke cabang kerja saat ini untuk keamanan
  • Memungkinkan kloning, pengambilan, dan operasi PR yang mulus sambil mempertahankan batas keamanan

​
Proxy keamanan

Lingkungan berjalan di belakang proxy jaringan HTTP/HTTPS untuk tujuan keamanan dan pencegahan penyalahgunaan. Semua lalu lintas internet keluar melewati proxy ini, yang menyediakan:
  • Perlindungan terhadap permintaan berbahaya
  • Pembatasan laju dan pencegahan penyalahgunaan
  • Penyaringan konten untuk keamanan yang ditingkatkan

​
Tingkat akses

Secara default, akses jaringan dibatasi pada domain yang diizinkan. Anda dapat mengonfigurasi akses jaringan khusus, termasuk menonaktifkan akses jaringan.

​
Domain yang diizinkan secara default

Saat menggunakan akses jaringan “Terbatas”, domain berikut diizinkan secara default:

​
Layanan Anthropic

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

​
Kontrol Versi

  • 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

​
Registri Kontainer

  • 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

​
Platform Cloud

  • 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

​
Pengelola Paket - JavaScript/Node

​
Pengelola Paket - Python

​
Pengelola Paket - Ruby

​
Pengelola Paket - Rust

​
Pengelola Paket - Go

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

​
Pengelola Paket - 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

​
Pengelola Paket - Bahasa Lain

​
Distribusi Linux

​
Alat Pengembangan & Platform

  • 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

​
Layanan Cloud & Pemantauan

​
Pengiriman Konten & Cermin

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

​
Skema & Konfigurasi

Domain yang ditandai dengan * menunjukkan pencocokan subdomain wildcard. Sebagai contoh, *.gcr.io memungkinkan akses ke subdomain apa pun dari gcr.io.

​
Praktik terbaik keamanan untuk akses jaringan yang disesuaikan

  1. Prinsip hak istimewa minimal: Hanya aktifkan akses jaringan minimum yang diperlukan
  2. Audit secara teratur: Tinjau domain yang diizinkan secara berkala
  3. Gunakan HTTPS: Selalu lebih suka titik akhir HTTPS daripada HTTP

​
Keamanan dan isolasi

Claude Code di web menyediakan jaminan keamanan yang kuat:
  • Mesin virtual terisolasi: Setiap sesi berjalan di VM yang terisolasi dan dikelola Anthropic
  • Kontrol akses jaringan: Akses jaringan dibatasi secara default, dan dapat dinonaktifkan
  • Perlindungan kredensial: Kredensial sensitif (seperti kredensial git atau kunci penandatanganan) tidak pernah berada di dalam sandbox dengan Claude Code. Autentikasi ditangani melalui proxy aman menggunakan kredensial bersistem
  • Analisis aman: Kode dianalisis dan dimodifikasi dalam VM terisolasi sebelum membuat PR

​
Harga dan batas laju

Claude Code di web berbagi batas laju dengan semua penggunaan Claude dan Claude Code lainnya dalam akun Anda. Menjalankan beberapa tugas secara paralel akan mengonsumsi lebih banyak batas laju secara proporsional.

​
Keterbatasan

  • Autentikasi repositori: Anda hanya dapat memindahkan sesi dari web ke lokal ketika Anda diautentikasi ke akun yang sama
  • Pembatasan platform: Claude Code di web hanya bekerja dengan kode yang dihosting di GitHub. Repositori GitLab dan non-GitHub lainnya tidak dapat digunakan dengan sesi cloud

​
Praktik terbaik

  1. Gunakan kait Claude Code: Konfigurasikan kait sessionStart untuk mengotomatisasi penyiapan lingkungan, instalasi ketergantungan, dan konfigurasi jaringan
  2. Dokumentasikan persyaratan: Tentukan dengan jelas ketergantungan dan perintah di file CLAUDE.md Anda. Jika Anda memiliki file AGENTS.md, Anda dapat bersumber di CLAUDE.md Anda menggunakan @AGENTS.md untuk mempertahankan sumber kebenaran tunggal.

​
Sumber daya terkait