使用说明
MCP服务器和前端——编码挑战
该项目是作为编码挑战的一部分构建的,旨在展示API设计、集成技能和一个简单的前端游乐场。它包括后端 MCP服务器 以及a Next.js前端.
🔹 特性
后端(MCP服务器)
-
谈论简历 –从结构化JSON文件中回答有关我简历的问题(
cv.json).-
示例问题:
- “我在上一个职位上扮演了什么角色?”
- “你建了什么项目?”
- “你知道什么技能?”
- “你受过什么教育?”
-
-
发送电子邮件通知 –提供使用Nodemailer和Ethereal(测试收件箱)发送电子邮件(收件人、主题、正文)的端点。
前端(Next.js游乐场)
-
一个包含两个部分的最小UI:
- CV查询框 –输入问题并查看服务器的响应。
- 电子邮件表单 –填写收件人、主题和正文,然后通过后端发送电子邮件。
🔹 技术栈
- 后端: Node.js,Express
- 电子邮件: Nodemailer(用于测试的Ethereal)
- 前端: Next.js(React)
- 部署: 渲染(后端)+Vercel(前端)
🔹 实时链接
- 后端回购: MCP服务器
- 后端实时: https://mcp-server-nze2.onrender.com
- 前端报告: MCP前端
- 前端直播: https://mcp-frontend-two.vercel.app/
🔹 本地设置
1.克隆存储库
# Backend
git clone https://github.com/dilshankavishka/MCP-Server.git
cd MCP-Server
# Frontend
git clone https://github.com/dilshankavishka/MCP-Frontend.git
cd MCP-Frontend
2.安装依赖项
npm install
3.运行后端
cd MCP-Server
node server.js
服务器应启动 http://localhost:5000
4.运行前端
cd MCP-Frontend
npm run dev
前端应从开始 http://localhost:3000
🔹 示例用法
简历查询
发布 http://localhost:5000/cv-query
{
"question": "What role did I have at my last position?"
}
答复:
{
"answer": "Your last role was Software Engineer Intern at SimpliFy Labs (LK) (Feb 2025 - Jul 2025)."
}
发送电子邮件
发布 http://localhost:5000/send-email
{
"recipient": "test@example.com",
"subject": "Hello from MCP",
"body": "This is a test email via Ethereal 🚀"
}
答复:
{
"status": "success",
"message": "Email sent (preview URL below)",
"preview": "https://ethereal.email/message/YOUR-PREVIEW-LINK"
}
👉 打开预览链接查看测试电子邮件。
🔹 方法说明
- CV以JSON格式存储,用于结构化查询(而不是实时解析)。
- 一个简单的基于关键字的匹配器为
/cv-query终点。 - 电子邮件使用Ethereal进行测试(没有真正的交付,但有完整的预览)。
- 通过Render(API)和Vercel(前端UI)处理部署。
✅ 通过此设置,您可以查询我的简历,发送测试电子邮件,并通过实时前端演示与所有内容进行交互。