Open MCP Client: 단일 URL만으로 앱에서 MCP 서버와 상호작용 183

Open MCP Client란 무엇인가요?

Open MCP Client는 웹 기반 최초의 MCP 클라이언트 프로젝트로, 단 하나의 URL만으로 AI 어시스턴트와 MCP 서버 간의 상호작용을 구현할 수 있습니다. 이 프로젝트는 LangChain으로 구축된 LangGraph agent를 통해 MCP 서버에 연결하고 도구를 호출하며, 프런트엔드는 CopilotKit으로 구축되어 매끄러운 클라이언트 상호작용을 구현합니다. 현재 이 프로젝트는 오픈소스로 공개되어 있습니다.

기능 및 특징

• 초간단 통합: Open MCP Client는 매우 간소화된 통합 방식을 제공하여, 개발자는 단 하나의 URL만으로 MCP 기능을 자신의 애플리케이션에 임베드할 수 있으며, 통신 계층을 처음부터 구축할 필요가 없습니다.

• 다중 서버 협업: 여러 MCP 서버를 동시에 연결하는 것을 지원합니다. 예를 들어 한 서버는 GitHub 작업 처리를 담당하고, 다른 하나는 Slack 메시지 관리를 담당할 수 있습니다.

• 동적 도구 발견: 클라이언트는 서버에서 제공하는 도구를 동적으로 발견하고 호출할 수 있어, 고정된 로직을 사전에 설정할 필요가 없습니다.

• 보안 및 유연성: 로컬 및 클라우드 배포를 지원하며, 내장된 접근 제어 메커니즘을 통해 엔터프라이즈급 보안 요구사항을 충족합니다.

활용 시나리오

• 개발 프로세스 자동화: 예를 들어, 사용자가 Slack을 통해 요구사항을提出하면 Open MCP Client가 자동으로 코드 생성 도구와 GitHub 인터페이스를 호출하여 코드를 생성하고 Pull Request를 제출합니다.

• 로컬 리소스 접근: MCP 프로토콜을 통해 클라이언트는 데이터베이스, 파일 시스템 등 로컬 리소스에 안전하게 접근할 수 있습니다.

• AI 어시스턴트 강화: AI 어시스턴트에 확장 기능을 제공하며, 예를 들어 MCP 서버를 통해 외부 도구를 호출할 수 있습니다.

기술 세부 사항

• 프로토콜 버전 협상: MCP 서버와의 호환성을 보장합니다.

• 기능 협상: 사용 가능한 기능을 동적으로 결정합니다.

• 메시지 전송: JSON-RPC 통신을 지원합니다.

• 도구 발견 및 실행: 클라이언트가 서버에서 제공하는 도구를 발견하고 호출할 수 있습니다.

설치 및 사용 가이드

1. 프로젝트 복제(clone)

git clone https://github.com/CopilotKit/open-mcp-client.git
cd open-mcp-client

2. 환경 변수 설정

(1) 프로젝트 루트 디렉터리에 .env 파일을 생성합니다.

LANGSMITH_API_KEY=你的LangSmith密钥

(2) /agent 폴더 내에 .env 파일을 생성합니다.

OPENAI_API_KEY=你的OpenAI密钥
LANGSMITH_API_KEY=你的LangSmith密钥

3. 의존성 설치

pnpm install

4. 프로젝트 실행

(1) 프런트엔드 실행:

pnpm run dev-frontend

(2) 에이전트(agent) 실행:

pnpm run dev-agent

또는 직접 실행:

pnpm run dev

Open MCP Client는 MCP 프로토콜의 핵심 구성 요소 중 하나로, 표준화된 인터페이스와 동적 도구 발견 능력을 통해 AI 어시스턴트와 외부 도구 간의 상호작용을 크게 간소화합니다.

GitHub 저장소:https://github.com/CopilotKit/open-mcp-client

프로젝트 DEMO:https://open-mcp-client.vercel.app/