EdgeOne Pages MCP

Una implementación de servidor MCP que utiliza EdgeOne Pages Functions para aplicaciones de chat inteligentes.

GitHubPrueba este MCPPatrocinado

Documentación

EdgeOne Pages: Implementación de Cliente y Servidor MCP con Funciones

Resumen del Proyecto

Este proyecto muestra una aplicación de chat inteligente construida con la tecnología EdgeOne Pages Functions. Interactúa con funciones de backend a través de una interfaz web, implementando un flujo completo del Model Context Protocol (MCP).

La arquitectura del sistema consta de los siguientes componentes principales:

  • MCP Streamable HTTP Server (functions/mcp-server/index.ts)
  • MCP Client (functions/mcp-client/index.ts)
  • Backend API (functions/v1/chat/completions/index.ts) como HOST MCP, responsable de coordinar todo el flujo de trabajo MCP

A través de esta arquitectura, los usuarios pueden acceder a potentes capacidades de herramientas MCP en el navegador, lo que permite interacciones inteligentes como "generar páginas web en línea con un solo mensaje."

Características Principales

  • Interfaz de Chat Interactiva: Interfaz web moderna y receptiva construida con Next.js y React
  • Funciones de Edge de Alto Rendimiento: Lógica de negocio crítica desplegada en EdgeOne Pages Functions altamente escalables
  • Implementación MCP Completa: Implementación del Model Context Protocol basada en las últimas especificaciones, que proporciona potentes capacidades de gestión de contexto y enrutamiento de solicitudes
  • Compatible con Formato OpenAI: La API de backend es totalmente compatible con el manejo de solicitudes y respuestas en formato OpenAI

Streamable HTTP MCP Server

Configure servicios MCP remotos en aplicaciones que admitan Streamable HTTP MCP Server.

{
  "mcpServers": {
    "edgeone-pages-mcp-server": {
      "url": "https://mcp-on-edge.edgeone.site/mcp-server"
    }
  }
}

Despliegue

Deploy with EdgeOne Pages

Más Plantillas: EdgeOne Pages

Desarrollo Local

Configuración del Entorno

Primero, instale las dependencias e inicie el servidor de desarrollo:

# Install dependencies
npm install
# Or use other package managers
# yarn install / pnpm install / bun install

# Start development server
npm run dev
# Or use other package managers
# yarn dev / pnpm dev / bun dev

Configure las variables de entorno: Copie el archivo .env.example y renómbrelo a .env, luego complete la información de configuración de su interfaz de servicio de IA.

Después de iniciar, visite http://localhost:3000 en su navegador para ver la aplicación.

Estructura del Proyecto

  • Interfaz de Frontend: app/page.tsx contiene la lógica de la página principal y los componentes de la interfaz de usuario
  • Funciones de Backend: Todas las funciones de edge están en el directorio functions
    • API de Chat: functions/v1/chat/completions
    • Servidor MCP: functions/mcp-server
    • Cliente MCP: functions/mcp-client

Documentación Técnica

Obtenga más información sobre tecnologías relacionadas: