Alibaba Cloud MCP Demo
A Vue 3 and Express application that demonstrates interaction with Alibaba Cloud's Bailian API for natural language processing and intent parsing, supporting tasks like weather queries.
README
阿里云百炼 MCP 交互演示
这是一个基于Vue 3和Express的应用，用于演示与阿里云百炼API的交互。应用包含前端界面和后端API服务，实现了自然语言处理和意图解析功能。
功能特点
- 用户友好的聊天界面
- 通过阿里云百炼API进行意图解析
- 支持天气查询等任务执行
- 前后端分离架构，保护API密钥
技术栈
- 前端：Vue 3 + Vite
- 后端：Express.js
- API调用：Python脚本（通过Node.js子进程调用）
- 大模型：阿里云百炼 Qwen-turbo
安装与运行
前提条件
- Node.js (v14+)
- npm 或 yarn
- Python 3.6+
- 阿里云百炼API密钥
安装依赖
# 安装Node.js依赖
npm install
# 安装Python依赖
pip install dashscope
使用方法
- 打开浏览器访问 http://localhost:5173
- 在输入框中输入自然语言查询，例如：
- "查一下明天上海的天气"
- "今天北京天气怎么样"
- 系统会解析您的意图并显示解析结果，然后执行相应任务并返回结果。
项目结构
├── public/ # 静态资源
├── src/ # 前端源代码
│ ├── assets/ # 资源文件
│ ├── components/ # Vue组件
│ │ └── MCPChat.vue # 聊天组件
│ ├── services/ # 服务层
│ │ └── mcpService.js # API服务
│ ├── App.vue # 主应用组件
│ └── main.js # 入口文件
├── server.js # 后端服务
├── mcp_script.py # Python脚本（自动生成）
└── package.json # 项目配置
扩展建议
- 添加用户认证和会话管理
- 扩展支持更多类型的意图和任务
- 添加历史记录保存功能
- 实现语音输入和输出
许可证
MIT
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.