Implementing an MCP Client with Browser-based OAuth

Name: Implementing an MCP Client with Browser-based OAuth
Author: asibyl

@asibyl

代码仓库

关于 Implementing an MCP Client with Browser-based OAuth

web client to inspect transport and messages to and from MCP servers

基本信息

分类

开发工具

运行时

node

传输方式

stdio

发布者

asibyl

配置

暂无标准配置

该服务器的 README 中没有可解析的 MCP 配置块，请前往代码仓库查看安装说明。

代码仓库

工具

未检测到工具

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Implementing an MCP Client with Browser-based OAuth?

A browser-based MCP client that implements end-to-end OAuth authorization with Streamable HTTP Servers, allowing developers to inspect the transport layer and messages exchanged with MCP servers. It is designed for developers working with MCP servers that require client authorization.

How to use Implementing an MCP Client with Browser-based OAuth?

Connect to a server through the Connect panel, which triggers the OAuth flow via the server's /authorize and /token endpoints. Once connected, list tools in the Tools tab, invoke them with input parameters in the Run panel, and inspect responses in the Inspect panel.

Key features of Implementing an MCP Client with Browser-based OAuth

OAuthClientProvider that stores auth tokens in session storage
Two-step connect: acquire token, then establish transport
Lists tools available on the connected MCP server
Calls tools with user-provided input parameters
Inspects server responses from tool execution
Simplified implementation inspired by MCP Inspector

Use cases of Implementing an MCP Client with Browser-based OAuth

Testing MCP servers that require OAuth authorization
Debugging the MCP transport and message flow
Developing Streamable HTTP servers with client authorization
Inspecting tool responses without a full Inspector setup

FAQ from Implementing an MCP Client with Browser-based OAuth

What MCP servers does this client work with?

Only servers that implement client authorization, specifically the /authorize and /token endpoints.

Does this client support prompts and resources?

No, listing and using prompts or resources has not been implemented yet—those tabs provide no content.

How is OAuth handled in the browser?

The OAuthClientProvider saves and retrieves auth information in session storage, so tokens persist within the browser tab session.

How does this differ from MCP Inspector?

This project borrows heavily from MCP Inspector but aims for a simpler, more focused implementation for OAuth-based workflows.

Does it require a backend or proxy server?

The README describes a purely browser-based client; no backend or proxy is mentioned for the OAuth flow or transport.

开发工具分类下的更多 MCP 服务器

Serena

oraios

A powerful MCP toolkit for coding, providing semantic retrieval and editing capabilities - the IDE for your agent

26.2K

mcp-excalidraw

yctimlin

MCP server and Claude Code skill for Excalidraw — programmatic canvas toolkit to create, edit, and export diagrams via AI agents with real-time canvas sync.

2.1K