Passer au contenu principal

Comment intégrer Octoparse à VS Code via MCP (étape par étape)

Mis à jour aujourd’hui

Avant de commencer

Assurez-vous de disposer de :

  • VS Code installé

  • Accès à GitHub Copilot dans VS Code

VS Code stores MCP server configuration in an mcp.json file, which can live either in your workspace at .vscode/mcp.json or in your user profile. VS Code also provides IntelliSense for this file.

VS Code stocke la configuration du serveur MCP dans un fichier mcp.json, qui peut se trouver soit dans votre espace de travail à l’emplacement .vscode/mcp.json, soit dans votre profil utilisateur. VS Code offre également l’IntelliSense pour ce fichier.

À savoir :

dans VS Code, le support MCP fait partie de l’expérience GitHub Copilot, et non d’un marché de connecteurs autonome.


Ce que cette intégration permet

Une fois qu’Octoparse est connecté à VS Code via MCP, vous pouvez utiliser des invites en langage naturel dans Copilot pour :

  • Rechercher des modèles de scraping Octoparse

  • Créer des tâches de scraping à partir de modèles

  • Démarrer et arrêter des tâches dans le cloud

  • Vérifier le statut d’exécution des tâches

  • Exporter les données au format CSV ou JSON

  • Accéder aux outils liés à votre compte Octoparse


Étape 1 : Ouvrir VS Code et configurer GitHub Copilot

Ouvrez VS Code et assurez-vous que GitHub Copilot Chat est disponible dans votre éditeur.

La documentation de démarrage de Microsoft indique qu’un accès à GitHub Copilot est nécessaire pour utiliser le chat et les fonctionnalités agent de Copilot dans VS Code.

Étape 2 : Ouvrir la configuration du serveur MCP

Dans VS Code, ouvrez la configuration du serveur MCP.

VS Code documente la configuration du serveur MCP via le fichier mcp.json, qui peut être stocké :

  • dans votre espace de travail : .vscode/mcp.json

  • ou dans la configuration de votre profil utilisateur

Si vous souhaitez que le serveur MCP d’Octoparse ne soit disponible que pour un seul projet, utilisez le fichier de l’espace de travail. Si vous voulez qu’il soit disponible de manière plus générale, utilisez la configuration au niveau utilisateur.

Étape 3 : Ajouter le serveur MCP d’Octoparse

Ajoutez Octoparse à votre configuration mcp.json.

Utilisez l’URL du serveur MCP d’Octoparse :

{
"mcpServers": {
"octoparse": {
"url": "https://mcp.octoparse.com"
}
}
}

VS Code’s official MCP configuration reference confirms that MCP servers are defined in mcp.json, and that the editor provides schema-aware support for this file.

La documentation officielle de VS Code sur la configuration MCP confirme que les serveurs MCP sont définis dans mcp.json et que l’éditeur offre un support basé sur le schéma pour ce fichier.

Remarque :

Selon votre version de VS Code et le flux d’authentification MCP, votre configuration finale peut légèrement différer de l’exemple ci-dessus.
Utilisez le schéma MCP le plus récent et les commandes affichées dans votre éditeur comme référence fiable.

Étape 4 : Enregistrer la configuration

Enregistrez le fichier mcp.json.

Si le fichier est valide, VS Code devrait reconnaître la configuration du serveur MCP.
Si la configuration est mal formée ou placée au mauvais endroit, le serveur risque de ne pas se charger correctement.

Étape 5 : Finaliser l’authentification

Si Octoparse nécessite une authentification, VS Code vous guidera à travers le processus d’autorisation lorsque le serveur MCP sera utilisé.

Depuis mi-2025, VS Code prend en charge la spécification complète de MCP, y compris l’autorisation, ce qui signifie que les serveurs MCP distants peuvent s’authentifier en utilisant les flux d’authentification MCP pris en charge.

À propos de l’authentification :

Vous pouvez être redirigé vers Octoparse pour vous connecter et approuver l’accès.
Cela se fait généralement via un processus d’autorisation, plutôt que de fournir directement votre mot de passe Octoparse à VS Code.

Étape 6 : Utiliser Octoparse dans Copilot

Une fois le serveur MCP d’Octoparse connecté, vous pouvez l’utiliser depuis GitHub Copilot dans VS Code.

La documentation de Microsoft indique que les outils MCP sont disponibles dans les workflows Copilot, y compris le mode agent, où le modèle peut invoquer des outils depuis les serveurs MCP pour accomplir des tâches.

Essayez des commandes telles que :

  • Trouver un modèle Octoparse pour extraire les annonces produits sur Amazon

  • Créer une tâche à partir de ce modèle

  • Démarrer la tâche dans le cloud

  • Vérifier le statut de ma dernière tâche Octoparse

  • Exporter les derniers résultats au format CSV


Où Octoparse fonctionne le mieux dans VS Code

Le serveur MCP d’Octoparse est particulièrement utile dans les expériences Copilot avec outils activés, surtout lorsque vous souhaitez que le modèle effectue des actions en plusieurs étapes.

La documentation de Microsoft indique que le mode agent peut utiliser des outils tiers, y compris ceux provenant de serveurs MCP.

Notes importantes sur l’utilisation

  • Certaines actions d’Octoparse peuvent nécessiter un plan pris en charge ou des crédits cloud disponibles.

  • Certaines tâches peuvent être uniquement locales et ne pas convenir à une exécution distante via MCP.

  • Les commandes longues et multi-étapes ont plus de chances d’échouer que des requêtes courtes et ciblées.

  • Les politiques d’organisation dans VS Code peuvent restreindre l’utilisation de MCP via des paramètres administrés, tels que chat.mcp.access.

Astuce :

Pour de meilleurs résultats, utilisez des commandes plus courtes en séquence :

  • Trouver un modèle

  • Créer une tâche

  • Démarrer la tâche

  • Vérifier le statut

  • Exporter les données


Dépannage

Si Octoparse ne fonctionne pas dans VS Code, vérifiez les points suivants :

Le serveur MCP ne se charge pas

Assurez-vous que :

  • le fichier mcp.json est valide

  • le fichier est au bon emplacement

  • VS Code a correctement rechargé la configuration

Les outils n’apparaissent pas dans Copilot

Assurez-vous que :

  • GitHub Copilot est activé

  • vous utilisez une interface Copilot compatible avec les outils

  • le mode agent ou le workflow pertinent est actif si nécessaire

Les permissions bloquent l’utilisation

Votre organisation peut gérer quels serveurs MCP sont autorisés via des paramètres tels que chat.mcp.access.
Si vous êtes dans un environnement administré, contactez votre administrateur.

L’authentification ne se termine pas

Essayez de :

  • reconnecter le serveur

  • réessayer le processus de connexion

  • redémarrer VS Code après la fin du flux d’authentification


FAQ

VS Code prend-il en charge MCP officiellement ?

Oui. Microsoft documente officiellement l’ajout et la gestion des serveurs MCP dans VS Code via GitHub Copilot.

Où la configuration MCP est-elle stockée dans VS Code ?

Dans mcp.json, soit dans .vscode/mcp.json pour un espace de travail, soit dans votre profil utilisateur.

VS Code peut-il utiliser des serveurs MCP distants ?

Oui. VS Code prend en charge l’intégration des serveurs MCP et, depuis juin 2025, la spécification complète de MCP, y compris l’autorisation.

Ai-je besoin du mode agent pour utiliser Octoparse MCP ?

Le mode agent est l’un des principaux contextes d’utilisation des outils MCP dans VS Code, en particulier pour les actions multi-étapes.

Avez-vous trouvé la réponse à votre question ?