Mcp

Visual Studio Code

Visual Studio Code supports the Model Context Protocol (MCP), allowing GitHub Copilot Agent Mode to securely connect to external tools such as the Geonode Scraper API.

Once configured, GitHub Copilot can automatically extract web pages, crawl websites, process multiple URLs, and retrieve structured content directly from your editor.

Before You Begin

Make sure you've completed the Before You Start guide and have:

  • A Geonode API key.
  • The Geonode MCP endpoint.
  • Visual Studio Code installed.
  • GitHub Copilot installed and signed in.
  • Agent Mode enabled.

Step 1 — Open the MCP Configuration

Open Visual Studio Code.

Press:

Cmd + Shift + P

or

Ctrl + Shift + P

on Windows/Linux.

Search for:

MCP: Open User Configuration

If the configuration file doesn't exist, Visual Studio Code creates it automatically.


Step 2 — Add the Geonode MCP Server

Add the following configuration to your mcp.json file.

{
  "servers": {
    "geonode-scraper": {
      "type": "http",
      "url": "https://scraper.geonode.io/mcp",
      "headers": {
        "X-Api-Key": "YOUR_API_KEY"
      }
    }
  }
}

Replace YOUR_API_KEY with your Geonode API key.


Step 3 — Save and Reload

Save the mcp.json file.

Visual Studio Code automatically detects the configuration.

If the server doesn't appear immediately, reload the window by opening the Command Palette and running:

Developer: Reload Window

or

MCP: Restart Servers

depending on your Visual Studio Code version.


Step 4 — Verify the Connection

Open the MCP Servers panel.

If the configuration is correct, you'll see:

  • geonode-scraper
  • Status: Connected
  • Available Geonode MCP tools

If the server appears as Connected, the setup is complete.


Step 5 — Open GitHub Copilot Agent Mode

Open the GitHub Copilot Chat panel.

Switch to Agent mode.

When you send a request, GitHub Copilot automatically selects the appropriate Geonode MCP tool.


Step 6 — Start Using Geonode MCP

You don't need to manually invoke MCP tools.

Simply describe the task in natural language.

Extract a web page

Extract the content from https://geonode.com

Summarize a page

Read https://geonode.com and summarize the homepage.

Crawl a documentation website

Crawl https://docs.geonode.com and tell me what documentation sections exist.

Process multiple pages

Extract these URLs and summarize each page.

https://example.com/page1
https://example.com/page2
https://example.com/page3

Check extraction statistics

Show my Geonode extraction statistics.

📷 Screenshot Placeholder: Geonode MCP in GitHub Copilot


How Visual Studio Code Uses MCP

When you submit a prompt in GitHub Copilot Agent Mode, Visual Studio Code analyzes your request and automatically selects the appropriate Geonode MCP tool.

For example:

Your PromptMCP Tool
"Extract this page."extract
"Crawl this documentation site."crawl
"Process these URLs."batch
"Show my extraction statistics."statistics

You never need to manually invoke these tools. GitHub Copilot automatically selects the correct MCP tool, sends the required parameters, and returns the results in the chat.


FAQs

On this page