EdgeOne Pages: MCP Client and Server Implementation with Functions
About
MCP Client and Server Implementation with Functions
Details
- Author
- amylixing
- Downloads
- 297
- Categories
- Other
Jump to
- Interactive chat interface built with Next.js and React
- High‑performance edge functions on EdgeOne Pages
- Complete MCP implementation (Streamable HTTP) per latest specification
- OpenAI‑format compatible backend API
- Deployable with a single click via EdgeOne Pages template
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
Deploy via the provided EdgeOne Pages template button or set up locally by cloning the repository, installing dependencies (npm install), configuring a .env file with AI service credentials, and running npm run dev. For remote MCP access, configure your MCP client to point to https://mcp-on-edge.edgeone.site/mcp-server.
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.
