MMCPMarkets
HM

hemanth/mcp-web-client

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

21 stars 3 forks 품질 50 트렌드 30
Repository Install

OAuth 지원과 MCP 서버에 연결하는 웹 기반 클라이언트

개요

모형 Context 의정서 (MCP)를 위한 웹 근거한 클라이언트. 여러 MCP 서버에 연결하고, 도구 / 리소스 / 전문가를 찾아 채팅을 통해 상호 작용합니다. https://github.com/user-attachments/assets/29057bb1-d856-4a7c-bfe3-97020da21782] [T0]] [T0]] [T0]] [T0]] [T0]] [T0]] [T0]] [T0] [T0] [T0]] [T0] [T0] [T0]] [T0]] [T0] [T0] [T0] [T0] [T0]] [T0] [T0]] [T0] [T0] [T0]] [T0]] [T0] [T0] [T0]] https://github.com/user-attachments/assets/29057bb1-d856-4a7c-bfe3-97020da21782] https://github.com/user-attachments/assets/29057bb1-d856-4a7c-bfe3-97020da21782]]] https://github.com/user-attachments/assets/29057bb1-d856-4a7c-bfe3-97020da21782]]]]]] [[https://github.com/user-attachments/assets/29057bb1-d856-4a7c-bfe3-97020da21782]]]]]]] [[[[[[https://github.com/user-attachments/assets/29057bb1-d856-4a7c-bfe3-97020da21782]]]]]]]]]]]]]] [[[[[[[https://github.com/user-attachments/assets/29057bb1-d856-4a7c-bfe3-97020da21782]]]]]]]]]]]]]]]]]] [[[[[[[[[[[[[[[[[[[[[[ - - 동시에 여러 MCP 서버에 연결 - - PKCE 지원으로 보안 인증 - - 로컬 스토리지에 저장된 서버 및 자격 - - 실시간 업데이트를위한 Server-Sent 이벤트 - - Full MCP 기능 지원 1. 사이드바에서 클릭 2. 서버 URL을 입력하십시오 (예: https://mcp.example.com/sse) 3. 인증 방법을 선택하십시오 : - 공공 서버 - - 기존의 액세스 토큰을 사용하여 - OAuth 흐름을 통해 인증 4. 이름 * - Next.js 15 + React 19 - TypeScript - 꼬리바람 CSS - MCP 프로토콜 2024-11-05

개요(AI 번역)

모형 Context 의정서 (MCP)를 위한 웹 근거한 클라이언트. 여러 MCP 서버에 연결하고, 도구 / 리소스 / 전문가를 찾아 채팅을 통해 상호 작용합니다.

특징

  • Multi-Server Support - 여러 MCP 서버에 연결
  • OAuth 2.0 & Bearer Token Auth - PKCE 지원 보안 인증
  • Persistent Sessions - Servers 및 credentials는 localStorage에 저장했습니다. -Real-time SSE - 실시간 업데이트를 위한 Server-Sent 이벤트 -Tools, Resources & Prompts - 전체 MCP 기능 지원

빠른 시작

오픈 [T0]

서버 추가

  1. 사이드바에서 **+**을 클릭하십시오.
  2. 서버 URL (예를들면, https://mcp.example.com/sse)
  3. 인증 방법을 선택하십시오: -No Auth - 공용 서버
  • Bearer Token - 기존 액세스 토큰 사용
  • OAuth 2.0 - OAuth 흐름을 통해 인증
  1. 서버 추가 **

기술 스택

  • Next.js 15 + 반응 19
  • TypeScript
  • 테일윈드 CSS
  • MCP 프로토콜 2024-11-05

라이센스

·

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

MCP Web Client

A web-based client for the Model Context Protocol (MCP). Connect to multiple MCP servers, browse tools/resources/prompts, and interact via chat.

Features

  • Multi-Server Support - Connect to multiple MCP servers simultaneously
  • OAuth 2.0 & Bearer Token Auth - Secure authentication with PKCE support
  • Persistent Sessions - Servers and credentials saved to localStorage
  • Real-time SSE - Server-Sent Events for live updates
  • Tools, Resources & Prompts - Full MCP capability support

Quick Start

npm install
npm run dev

Open http://localhost:3000

Adding a Server

  1. Click + in the sidebar
  2. Enter the server URL (e.g., https://mcp.example.com/sse)
  3. Choose authentication method:
    • No Auth - Public servers
    • Bearer Token - Use existing access token
    • OAuth 2.0 - Authenticate via OAuth flow
  4. Click Add Server

Tech Stack

  • Next.js 15 + React 19
  • TypeScript
  • Tailwind CSS
  • MCP Protocol 2024-11-05

License

MIT

GitHub에서 전체 README 보기

설치

This server does not publish a one-line install command.

Open the repository installation guide MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →