Claude Code sur le web

​

Qu’est-ce que Claude Code sur le web ?

• Répondre à des questions : Posez des questions sur l’architecture du code et la façon dont les fonctionnalités sont implémentées
• Corrections de bugs et tâches de routine : Tâches bien définies qui ne nécessitent pas de direction fréquente
• Travail en parallèle : Abordez plusieurs corrections de bugs en parallèle
• Référentiels non sur votre machine locale : Travaillez sur du code que vous n’avez pas extrait localement
• Modifications du backend : Où Claude Code peut écrire des tests puis écrire du code pour passer ces tests

• En déplacement : Lancez des tâches en navettant ou loin de votre ordinateur portable
• Surveillance : Regardez la trajectoire et dirigez le travail de l’agent

​

Qui peut utiliser Claude Code sur le web ?

• Utilisateurs Pro
• Utilisateurs Max

​

Mise en route

1. Visitez claude.ai/code
2. Connectez votre compte GitHub
3. Installez l’application Claude GitHub dans vos référentiels
4. Sélectionnez votre environnement par défaut
5. Soumettez votre tâche de codage
6. Examinez les modifications et créez une demande de tirage dans GitHub

​

Comment ça marche

1. Clonage du référentiel : Votre référentiel est cloné sur une machine virtuelle gérée par Anthropic
2. Configuration de l’environnement : Claude prépare un environnement cloud sécurisé avec votre code
3. Configuration du réseau : L’accès à Internet est configuré en fonction de vos paramètres
4. Exécution de la tâche : Claude analyse le code, apporte des modifications, exécute des tests et vérifie son travail
5. Achèvement : Vous êtes averti lorsque c’est terminé et vous pouvez créer une PR avec les modifications
6. Résultats : Les modifications sont poussées vers une branche, prêtes pour la création d’une demande de tirage

​

Déplacement des tâches entre le web et le terminal

​

Du web au terminal

1. Cliquez sur le bouton “Ouvrir dans CLI”
2. Collez et exécutez la commande dans votre terminal dans une extraction du référentiel
3. Toutes les modifications locales existantes seront cachées et la session distante sera chargée
4. Continuez à travailler localement

​

Environnement cloud

​

Image par défaut

• Langages de programmation et runtimes populaires
• Outils de construction courants et gestionnaires de paquets
• Frameworks de test et linters

​

Vérification des outils disponibles

check-tools

• Langages de programmation et leurs versions
• Gestionnaires de paquets disponibles
• Outils de développement installés

​

Configurations spécifiques au langage

• Python : Python 3.x avec pip, poetry et les bibliothèques scientifiques courantes
• Node.js : Dernières versions LTS avec npm, yarn et pnpm
• Java : OpenJDK avec Maven et Gradle
• Go : Dernière version stable avec support des modules
• Rust : Chaîne d’outils Rust avec cargo
• C++ : Compilateurs GCC et Clang

​

Configuration de l’environnement

1. Préparation de l’environnement : Nous clonons votre référentiel et exécutons tous les hooks Claude configurés pour l’initialisation. Le référentiel sera cloné avec la branche par défaut de votre référentiel GitHub. Si vous souhaitez extraire une branche spécifique, vous pouvez le spécifier dans l’invite.
2. Configuration du réseau : Nous configurons l’accès à Internet pour l’agent. L’accès à Internet est limité par défaut, mais vous pouvez configurer l’environnement pour n’avoir aucun accès à Internet ou un accès complet à Internet en fonction de vos besoins.
3. Exécution de Claude Code : Claude Code s’exécute pour accomplir votre tâche, en écrivant du code, en exécutant des tests et en vérifiant son travail. Vous pouvez guider et diriger Claude tout au long de la session via l’interface web. Claude respecte le contexte que vous avez défini dans votre CLAUDE.md.
4. Résultat : Lorsque Claude termine son travail, il poussera la branche vers le serveur distant. Vous pourrez créer une PR pour la branche.

API_KEY=your_api_key
DEBUG=true

​

Gestion des dépendances

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

​

Accès réseau et sécurité

​

Politique réseau

​

Proxy GitHub

• Gère l’authentification GitHub de manière sécurisée - le client git utilise une identifiant d’accès limité à l’intérieur du bac à sable, que le proxy vérifie et traduit en votre jeton d’authentification GitHub réel
• Restreint les opérations de poussée git à la branche de travail actuelle pour la sécurité
• Permet le clonage, la récupération et les opérations de PR transparentes tout en maintenant les limites de sécurité

​

Proxy de sécurité

• Protection contre les demandes malveillantes
• Limitation de débit et prévention des abus
• Filtrage du contenu pour une sécurité renforcée

​

Niveaux d’accès

​

Domaines autorisés par défaut

​

Services Anthropic

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

​

Contrôle de version

• 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

​

Registres de conteneurs

• 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

​

Plateformes 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

​

Gestionnaires de paquets - JavaScript/Node

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

​

Gestionnaires de paquets - Python

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

​

Gestionnaires de paquets - 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

​

Gestionnaires de paquets - Rust

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

​

Gestionnaires de paquets - Go

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

​

Gestionnaires de paquets - 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

​

Gestionnaires de paquets - Autres langues

• 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

​

Distributions Linux

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

​

Outils de développement et plateformes

• 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

​

Services cloud et surveillance

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

​

Livraison de contenu et miroirs

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

​

Schéma et configuration

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

​

Meilleures pratiques de sécurité pour l’accès réseau personnalisé

1. Principe du moindre privilège : N’activez que l’accès réseau minimum requis
2. Audit régulier : Examinez régulièrement les domaines autorisés
3. Utilisez HTTPS : Préférez toujours les points de terminaison HTTPS à HTTP

​

Sécurité et isolation

• Machines virtuelles isolées : Chaque session s’exécute dans une VM isolée gérée par Anthropic
• Contrôles d’accès réseau : L’accès réseau est limité par défaut et peut être désactivé
• Protection des identifiants : Les identifiants sensibles (tels que les identifiants git ou les clés de signature) ne sont jamais à l’intérieur du bac à sable avec Claude Code. L’authentification est gérée via un proxy sécurisé utilisant des identifiants limités
• Analyse sécurisée : Le code est analysé et modifié dans des VM isolées avant de créer des PR

​

Tarification et limites de débit

​

Limitations

• Authentification du référentiel : Vous ne pouvez déplacer les sessions du web vers le local que lorsque vous êtes authentifié sur le même compte
• Restrictions de plateforme : Claude Code sur le web ne fonctionne qu’avec le code hébergé sur GitHub. Les référentiels GitLab et autres non-GitHub ne peuvent pas être utilisés avec les sessions cloud

​

Meilleures pratiques

1. Utilisez les hooks Claude Code : Configurez les hooks sessionStart pour automatiser la configuration de l’environnement, l’installation des dépendances et la configuration du réseau
2. Documentez les exigences : Spécifiez clairement les dépendances et les commandes dans votre fichier CLAUDE.md. Si vous avez un fichier AGENTS.md, vous pouvez le sourcer dans votre CLAUDE.md en utilisant @AGENTS.md pour maintenir une source unique de vérité.

​

Ressources connexes

• Configuration des hooks
• Référence des paramètres
• Sécurité
• Utilisation des données