Understanding the Model Context Protocol

{
  "mcp": {
    "server": {
      "port": 3000,
      "contextStore": "/var/mcp/context"
    }
  }
}

const mcpClient = new McpClient({
  serverUrl: 'http://localhost:3000',
  apiKey: 'your-api-key'
});

await mcpClient.connect();

const mcpServer = new McpServer({
  port: 3000,
  contextProviders: [myContextProvider]
});

mcpServer.start();

{
  "type": "mcp:resource",
  "id": "data-source-123",
  "uri": "mcp://example.com/data.json",
  "description": "External data source for AI model context"
}

mcp-tool list

mcp-tool invoke codegen --template "function {name}() {
  return 'Hello World';
}"

{
  "role": "user",
  "content": "Explain how to use React hooks."
}

{
  "role": "system",
  "content": "You are an expert React developer. Provide concise, practical explanations with code examples."
}

const ws = new WebSocket("ws://localhost:8080/mcp");

ws.onopen = () => {
  console.log("Connected to MCP via WebSocket");
};

ws.onmessage = (event) => {
  const data = JSON.parse(event.data);
  console.log("Received:", data);
};

ws.onerror = (error) => {
  console.error("WebSocket error:", error);
};

const fetch = require('node-fetch');

const token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...';
const response = await fetch('https://api.example.com/models', {
  headers: {
    'Authorization': `Bearer ${token}`,
    'Content-Type': 'application/json'
  }
});

console.log(await response.json());