Claude Code im Web

​

Was ist Claude Code im Web?

• Fragen beantworten: Fragen zur Code-Architektur und zur Implementierung von Funktionen stellen
• Fehlerbehebung und Routineaufgaben: Gut definierte Aufgaben, die keine häufige Steuerung erfordern
• Parallele Arbeit: Mehrere Fehlerbehebungen parallel durchführen
• Repositories nicht auf Ihrem lokalen Computer: Arbeiten Sie an Code, den Sie nicht lokal ausgecheckt haben
• Backend-Änderungen: Wo Claude Code Tests schreiben und dann Code schreiben kann, um diese Tests zu bestehen

• Unterwegs: Starten Sie Aufgaben während des Pendelns oder weg vom Laptop
• Überwachung: Beobachten Sie die Flugbahn und steuern Sie die Arbeit des Agenten

​

Wer kann Claude Code im Web nutzen?

• Pro-Benutzer
• Max-Benutzer

​

Erste Schritte

1. Besuchen Sie claude.ai/code
2. Verbinden Sie Ihr GitHub-Konto
3. Installieren Sie die Claude GitHub-App in Ihren Repositories
4. Wählen Sie Ihre Standardumgebung
5. Reichen Sie Ihre Codierungsaufgabe ein
6. Überprüfen Sie Änderungen und erstellen Sie einen Pull Request in GitHub

​

Wie es funktioniert

1. Repository-Klonen: Ihr Repository wird auf eine von Anthropic verwaltete virtuelle Maschine geklont
2. Umgebungseinrichtung: Claude bereitet eine sichere Cloud-Umgebung mit Ihrem Code vor
3. Netzwerkkonfiguration: Der Internetzugriff wird basierend auf Ihren Einstellungen konfiguriert
4. Aufgabenausführung: Claude analysiert Code, nimmt Änderungen vor, führt Tests aus und überprüft seine Arbeit
5. Fertigstellung: Sie werden benachrichtigt, wenn Sie fertig sind, und können einen PR mit den Änderungen erstellen
6. Ergebnisse: Änderungen werden in einen Branch gepusht, bereit für die Pull-Request-Erstellung

​

Verschieben von Aufgaben zwischen Web und Terminal

​

Von Web zu Terminal

1. Klicken Sie auf die Schaltfläche “In CLI öffnen”
2. Fügen Sie den Befehl in Ihr Terminal in einem Checkout des Repos ein und führen Sie ihn aus
3. Alle vorhandenen lokalen Änderungen werden verstaut, und die Remote-Sitzung wird geladen
4. Arbeiten Sie lokal weiter

​

Cloud-Umgebung

​

Standardimage

• Beliebte Programmiersprachen und Laufzeiten
• Gängige Build-Tools und Paketmanager
• Test-Frameworks und Linter

​

Verfügbare Tools überprüfen

check-tools

• Programmiersprachen und ihre Versionen
• Verfügbare Paketmanager
• Installierte Entwicklungstools

​

Sprachspezifische Setups

• Python: Python 3.x mit pip, poetry und gängigen wissenschaftlichen Bibliotheken
• Node.js: Neueste LTS-Versionen mit npm, yarn und pnpm
• Java: OpenJDK mit Maven und Gradle
• Go: Neueste stabile Version mit Modulunterstützung
• Rust: Rust-Toolchain mit cargo
• C++: GCC- und Clang-Compiler

​

Umgebungskonfiguration

1. Umgebungsvorbereitung: Wir klonen Ihr Repository und führen alle konfigurierten Claude-Hooks zur Initialisierung aus. Das Repo wird mit dem Standardbranch Ihres GitHub-Repos geklont. Wenn Sie einen bestimmten Branch auschecken möchten, können Sie dies in der Eingabeaufforderung angeben.
2. Netzwerkkonfiguration: Wir konfigurieren den Internetzugriff für den Agenten. Der Internetzugriff ist standardmäßig begrenzt, aber Sie können die Umgebung so konfigurieren, dass sie keinen Internetzugriff oder vollständigen Internetzugriff hat, je nach Ihren Anforderungen.
3. Claude Code-Ausführung: Claude Code wird ausgeführt, um Ihre Aufgabe zu erfüllen, Code zu schreiben, Tests auszuführen und seine Arbeit zu überprüfen. Sie können Claude während der Sitzung über die Weboberfläche leiten und steuern. Claude respektiert den Kontext, den Sie in Ihrer CLAUDE.md definiert haben.
4. Ergebnis: Wenn Claude seine Arbeit abgeschlossen hat, wird der Branch in die Remote gepusht. Sie können einen PR für den Branch erstellen.

API_KEY=your_api_key
DEBUG=true

​

Abhängigkeitsverwaltung

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

​

Netzwerkzugriff und Sicherheit

​

Netzwerkrichtlinie

​

GitHub-Proxy

• Verwaltet die GitHub-Authentifizierung sicher - der Git-Client verwendet ein Scoped-Credential in der Sandbox, das der Proxy überprüft und in Ihr tatsächliches GitHub-Authentifizierungstoken übersetzt
• Beschränkt Git-Push-Operationen auf den aktuellen Arbeitsbranch aus Sicherheitsgründen
• Ermöglicht nahtloses Klonen, Abrufen und PR-Operationen bei Wahrung von Sicherheitsgrenzen

​

Sicherheits-Proxy

• Schutz vor böswilligen Anfragen
• Ratenbegrenzung und Missbrauchsprävention
• Inhaltsfilterung für erhöhte Sicherheit

​

Zugriffsstufen

​

Standardmäßig zulässige Domains

​

Anthropic-Services

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

​

Versionskontrolle

• 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

​

Container-Registries

• 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-Plattformen

• 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

​

Paketmanager - JavaScript/Node

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

​

Paketmanager - Python

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

​

Paketmanager - 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

​

Paketmanager - Rust

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

​

Paketmanager - Go

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

​

Paketmanager - 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

​

Paketmanager - Andere Sprachen

• 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-Distributionen

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

​

Entwicklungstools & Plattformen

• 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

​

Cloud-Services & Überwachung

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

​

Content Delivery & Mirrors

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

​

Schema & Konfiguration

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

​

Sicherheitsbest Practices für benutzerdefinierten Netzwerkzugriff

1. Prinzip der geringsten Berechtigung: Aktivieren Sie nur den minimalen erforderlichen Netzwerkzugriff
2. Regelmäßig überprüfen: Überprüfen Sie zulässige Domains regelmäßig
3. HTTPS verwenden: Bevorzugen Sie immer HTTPS-Endpunkte gegenüber HTTP

​

Sicherheit und Isolation

• Isolierte virtuelle Maschinen: Jede Sitzung wird in einer isolierten, von Anthropic verwalteten VM ausgeführt
• Netzwerkzugriffskontrollen: Der Netzwerkzugriff ist standardmäßig begrenzt und kann deaktiviert werden
• Schutz von Anmeldedaten: Vertrauliche Anmeldedaten (wie Git-Anmeldedaten oder Signaturschlüssel) befinden sich niemals in der Sandbox mit Claude Code. Die Authentifizierung wird über einen sicheren Proxy mit Scoped-Credentials verwaltet
• Sichere Analyse: Code wird in isolierten VMs analysiert und geändert, bevor PRs erstellt werden

​

Preisgestaltung und Ratenlimits

​

Einschränkungen

• Repository-Authentifizierung: Sie können Sitzungen nur von Web zu lokal verschieben, wenn Sie sich bei demselben Konto authentifizieren
• Plattformbeschränkungen: Claude Code im Web funktioniert nur mit Code, der in GitHub gehostet wird. GitLab und andere Nicht-GitHub-Repositories können nicht mit Cloud-Sitzungen verwendet werden

​

Best Practices

1. Verwenden Sie Claude Code-Hooks: Konfigurieren Sie sessionStart-Hooks, um die Umgebungseinrichtung, Abhängigkeitsinstallation und Netzwerkkonfiguration zu automatisieren
2. Dokumentieren Sie Anforderungen: Geben Sie Abhängigkeiten und Befehle in Ihrer CLAUDE.md-Datei klar an. Wenn Sie eine AGENTS.md-Datei haben, können Sie diese in Ihrer CLAUDE.md mit @AGENTS.md sourcing verwenden, um eine einzige Informationsquelle zu pflegen.

​

Verwandte Ressourcen

• Hooks-Konfiguration
• Einstellungsreferenz
• Sicherheit
• Datennutzung