EdgeOne Pages: MCP Client and Server Implementation with Functions
About
MCP Client and Server Implementation with Functions
Details
- Author
- xixian
- Downloads
- 289
- Categories
- Other
Jump to
- Interactive chat interface built with Next.js and React
- Critical business logic deployed on scalable EdgeOne Pages Functions
- Complete MCP implementation based on the latest Streamable HTTP specification
- Backend API fully compatible with OpenAI request and response formats
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
EdgeOne Pages: MCP Client and Server Implementation with FunctionsCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
To use the remote MCP server, configure it in any application that supports Streamable HTTP MCP Server by adding the JSON snippet provided. For local development, install dependencies with npm install, copy .env.example to .env and fill in AI service credentials, then run npm run dev and visit http://localhost:3000.
deploy-html
Deploy HTML content to EdgeOne Pages, return the public URL
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"edgeone pages: mcp client and server implementation with functions": {
"edgeone-pages-mcp-server": {
"url": "https://mcp-on-edge.edgeone.site/mcp-server"
}
}
}
}McpServers
{
"edgeone-pages-mcp-server": {
"url": "https://mcp-on-edge.edgeone.site/mcp-server"
}
}EdgeOne Pages: MCP Client and Server Implementation with Functions
Project Overview
This project showcases an intelligent chat application built with EdgeOne Pages Functions technology. It interacts with backend functions through a web interface, implementing a complete Model Context Protocol (MCP) workflow.
The system architecture consists of the following core components:
- MCP Streamable HTTP Server (functions/mcp-server/index.ts)
- MCP Client (functions/mcp-client/index.ts)
- Backend API (functions/v1/chat/completions/index.ts) as the MCP HOST, responsible for coordinating the entire MCP workflow
Through this architecture, users can access powerful MCP tool capabilities in the browser, enabling intelligent interactions such as "generating online webpages with a single prompt."
Core Features
- Interactive Chat Interface: Modern, responsive web interface built with Next.js and React
- High-Performance Edge Functions: Critical business logic deployed on highly scalable EdgeOne Pages Functions
- Complete MCP Implementation: Model Context Protocol implementation based on the latest specifications, providing powerful context management and request routing capabilities
- OpenAI Format Compatible: Backend API fully supports OpenAI-formatted request and response handling
Streamable HTTP MCP Server
Configure remote MCP services in applications that support Streamable HTTP MCP Server.
{
"mcpServers": {
"edgeone-pages-mcp-server": {
"url": "https://mcp-on-edge.edgeone.site/mcp-server"
}
}
}
Deploy
More Templates: EdgeOne Pages
Local Development
Environment Setup
First, install dependencies and start the development server:
```bash
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
