Claude Code sul web

​

Cos’è Claude Code sul web?

• Rispondere a domande: Poni domande sull’architettura del codice e su come vengono implementate le funzionalità
• Correzioni di bug e attività di routine: Attività ben definite che non richiedono frequenti correzioni
• Lavoro parallelo: Affronta più correzioni di bug in parallelo
• Repository non sulla tua macchina locale: Lavora su codice che non hai estratto localmente
• Modifiche backend: Dove Claude Code può scrivere test e quindi scrivere codice per superare quei test

• In movimento: Avvia attività mentre sei in viaggio o lontano dal laptop
• Monitoraggio: Osserva la traiettoria e guida il lavoro dell’agente

​

Chi può usare Claude Code sul web?

• Utenti Pro
• Utenti Max

​

Guida introduttiva

1. Visita claude.ai/code
2. Connetti il tuo account GitHub
3. Installa l’app Claude GitHub nei tuoi repository
4. Seleziona il tuo ambiente predefinito
5. Invia la tua attività di codifica
6. Rivedi le modifiche e crea una pull request in GitHub

​

Come funziona

1. Clonazione del repository: Il tuo repository viene clonato su una macchina virtuale gestita da Anthropic
2. Configurazione dell’ambiente: Claude prepara un ambiente cloud sicuro con il tuo codice
3. Configurazione della rete: L’accesso a Internet viene configurato in base alle tue impostazioni
4. Esecuzione dell’attività: Claude analizza il codice, apporta modifiche, esegue test e verifica il suo lavoro
5. Completamento: Ricevi una notifica al termine e puoi creare una PR con le modifiche
6. Risultati: Le modifiche vengono inviate a un ramo, pronto per la creazione della pull request

​

Spostamento di attività tra web e terminale

​

Da web a terminale

1. Fai clic sul pulsante “Open in CLI”
2. Incolla ed esegui il comando nel tuo terminale in un checkout del repository
3. Tutte le modifiche locali esistenti verranno nascoste e la sessione remota verrà caricata
4. Continua a lavorare localmente

​

Ambiente cloud

​

Immagine predefinita

• Linguaggi di programmazione e runtime popolari
• Strumenti di compilazione comuni e gestori di pacchetti
• Framework di test e linter

​

Verifica degli strumenti disponibili

check-tools

• Linguaggi di programmazione e loro versioni
• Gestori di pacchetti disponibili
• Strumenti di sviluppo installati

​

Configurazioni specifiche del linguaggio

• Python: Python 3.x con pip, poetry e librerie scientifiche comuni
• Node.js: Ultime versioni LTS con npm, yarn e pnpm
• Java: OpenJDK con Maven e Gradle
• Go: Ultima versione stabile con supporto dei moduli
• Rust: Toolchain Rust con cargo
• C++: Compilatori GCC e Clang

​

Configurazione dell’ambiente

1. Preparazione dell’ambiente: Cloniamo il tuo repository ed eseguiamo eventuali hook Claude configurati per l’inizializzazione. Il repository verrà clonato con il ramo predefinito nel tuo repository GitHub. Se desideri estrarre un ramo specifico, puoi specificarlo nel prompt.
2. Configurazione della rete: Configuriamo l’accesso a Internet per l’agente. L’accesso a Internet è limitato per impostazione predefinita, ma puoi configurare l’ambiente per non avere accesso a Internet o accesso completo a Internet in base alle tue esigenze.
3. Esecuzione di Claude Code: Claude Code viene eseguito per completare la tua attività, scrivendo codice, eseguendo test e verificando il suo lavoro. Puoi guidare e dirigere Claude durante la sessione tramite l’interfaccia web. Claude rispetta il contesto che hai definito nel tuo CLAUDE.md.
4. Risultato: Quando Claude completa il suo lavoro, invierà il ramo al repository remoto. Potrai creare una PR per il ramo.

API_KEY=your_api_key
DEBUG=true

​

Gestione delle dipendenze

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

​

Accesso alla rete e sicurezza

​

Politica di rete

​

Proxy GitHub

• Gestisce l’autenticazione GitHub in modo sicuro - il client git utilizza una credenziale con ambito all’interno della sandbox, che il proxy verifica e traduce nel tuo token di autenticazione GitHub effettivo
• Limita le operazioni di git push al ramo di lavoro corrente per motivi di sicurezza
• Abilita il clonaggio, il recupero e le operazioni PR senza problemi mantenendo i confini di sicurezza

​

Proxy di sicurezza

• Protezione contro le richieste dannose
• Limitazione della velocità e prevenzione degli abusi
• Filtro dei contenuti per una sicurezza migliorata

​

Livelli di accesso

​

Domini consentiti predefiniti

​

Servizi Anthropic

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

​

Controllo della versione

• 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 dei container

• 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

​

Piattaforme 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

​

Gestori di pacchetti - JavaScript/Node

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

​

Gestori di pacchetti - Python

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

​

Gestori di pacchetti - 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

​

Gestori di pacchetti - Rust

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

​

Gestori di pacchetti - Go

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

​

Gestori di pacchetti - 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

​

Gestori di pacchetti - Altri linguaggi

• 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

​

Distribuzioni Linux

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

​

Strumenti di sviluppo e piattaforme

• 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

​

Servizi cloud e monitoraggio

• statsig.com
• www.statsig.com
• api.statsig.com
• *.sentry.io

​

Distribuzione di contenuti e mirror

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

​

Schema e configurazione

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

​

Migliori pratiche di sicurezza per l’accesso alla rete personalizzato

1. Principio del privilegio minimo: Abilita solo l’accesso alla rete minimo richiesto
2. Audit regolari: Rivedi periodicamente i domini consentiti
3. Usa HTTPS: Preferisci sempre gli endpoint HTTPS rispetto a HTTP

​

Sicurezza e isolamento

• Macchine virtuali isolate: Ogni sessione viene eseguita in una VM isolata gestita da Anthropic
• Controlli di accesso alla rete: L’accesso alla rete è limitato per impostazione predefinita e può essere disabilitato
• Protezione delle credenziali: Le credenziali sensibili (come le credenziali git o le chiavi di firma) non si trovano mai all’interno della sandbox con Claude Code. L’autenticazione viene gestita tramite un proxy sicuro utilizzando credenziali con ambito
• Analisi sicura: Il codice viene analizzato e modificato all’interno di VM isolate prima di creare PR

​

Prezzi e limiti di velocità

​

Limitazioni

• Autenticazione del repository: Puoi spostare le sessioni da web a locale solo quando sei autenticato allo stesso account
• Restrizioni della piattaforma: Claude Code sul web funziona solo con il codice ospitato in GitHub. I repository non GitHub come GitLab non possono essere utilizzati con le sessioni cloud

​

Migliori pratiche

1. Usa gli hook di Claude Code: Configura gli hook sessionStart per automatizzare la configurazione dell’ambiente, l’installazione delle dipendenze e la configurazione della rete
2. Documenta i requisiti: Specifica chiaramente le dipendenze e i comandi nel tuo file CLAUDE.md. Se hai un file AGENTS.md, puoi fornirlo nel tuo CLAUDE.md utilizzando @AGENTS.md per mantenere un’unica fonte di verità.

​

Risorse correlate

• Configurazione degli hook
• Riferimento delle impostazioni
• Sicurezza
• Utilizzo dei dati