通义灵码2.5智能体模式联合MCP:打造自动化菜品推荐平台,实现从需求到部署的全流程创新

简介: 本项目利用通义灵码2.5的智能体模式与MCP服务,构建在线点餐推荐网站。基于Qwen3模型,实现从需求到代码生成的全流程自动化,集成“今天吃什么”和EdgeOne MCP服务,提供个性化推荐、偏好管理等功能。技术架构采用React/Vue.js前端与Node.js后端,结合MCP工具链简化开发。项目涵盖功能测试、部署及未来扩展方向,如餐厅推荐、语音交互等,展示高效开发与灵活扩展能力。

一、项目背景与目标

随着人工智能技术的快速发展,AI 辅助开发工具正在改变传统的软件开发模式。通义灵码 2.5 版本的发布,通过 Qwen3 模型编程智能体模式 的结合,实现了从需求描述到代码生成的全流程自动化。同时,其对 魔搭MCP 广场 的深度集成,为开发者提供了丰富的工具生态支持。

本方案旨在利用通义灵码 2.5 的智能体模式和 “今天吃什么” 和“EdgeOne”MCP 服务,构建一个 在线菜品推荐网站,帮助用户快速决策“今天吃什么”。该网站将支持个性化推荐、用户偏好管理、营养分析等功能,并通过 MCP 服务实现灵活的功能扩展。

二、功能需求分析

1、核心功能

  • 个性化推荐:根据用户人数、过敏、忌口等条件推荐菜品。
  • 实时推荐生成:用户输入需求后,系统立即生成推荐列表。
  • 用户偏好管理:用户可设置饮食偏好(如素食、甜品)并保存。
  • 推荐历史记录:展示用户过去的推荐记录,支持再次选择或重置。

2、 扩展功能

  • 营养分析:对推荐的菜品进行卡路里等营养成分分析。

三、技术架构设计

1、 开发工具与平台

  • IDE:Visual Studio Code(集成通义灵码 2.5 插件)。
  • 前端框架:Vue.js(通义灵码可自动生成组件代码)。
  • 后端服务:Node.js (通义灵码智能体模式可自动生成 API 接口)。

2、 MCP 服务集成

  • “今天吃什么” MCP 服务:提供菜品推荐、营养分析等功能。
  • EdgeOne MCP 服务:快速部署网站,支持在线访问。

3、 通义灵码 2.5 核心能力

  • 智能体模式:自主决策、工程感知、工具调用。
  • Qwen3 模型:支持长上下文理解,生成高质量代码和推荐逻辑。
  • MCP 工具链:一键集成 3000+ 工具,简化开发流程。

四、开发流程与实现步骤

1、 MCP服务集成
  • 配置 MCP 服务:在MCP广场选择要安装的MCP服务,点击安装即可。
    image.png
    image.png

  • 安装报错,提交给通义灵码来修复。
    image.png

  • 修复完成之后,重新添加。
    image.png

  • 完成MCP服务的添加。
    image.png

2、 需求描述与智能体任务规划
  • 输入需求
    在 VS Code 中通过通义灵码插件输入需求:

    构建一个在线菜品推荐网站,支持用户输入偏好并生成推荐结果。需要集成‘今天吃什么’MCP服务,并支持用户保存历史记录,同时在代码构建完成之后,集成‘edgeone’MCP服务进行部署。”
    
  • 智能体任务拆解

    通义灵码智能体自动规划以下步骤:

    我们需要创建基本的前端和后端架构,包括:
    
    前端:用于用户交互(输入偏好、查看推荐、保存历史记录等)。
    后端:处理与 MCP 服务的通信,并管理用户的推荐历史。
    部署:使用 edgeone MCP 服务部署网站。
    

    推荐目录结构

    eat/
    │
    ├── public/                  # 静态文件(HTML, CSS, JS)
    │   ├── index.html             # 主页
    │   └── style.css              # 样式表
    │
    ├── server.js                # Node.js 后端逻辑
    ├── package.json             # 项目依赖配置
    └── README.md                # 项目说明文档
    
3、 智能体自动生成代码
  • 选择智能体和Qwen3,在对话中输入:直接创建这些文件。
    image.png

  • 开始自动进行创建。
    image.png

  • 在启动项目的时候,3000端口被占用,智能体自行修复为3001。
    image.png

  • 重启后在3001端口上运行。
    image.png

  • 打开网站页面没有正确显示。
    image.png

  • 将错误信息提交给智能体来进行修复。
    image.png

  • 修复完成之后,重新发布,可以看到网站就构建成功了。
    image.png

4、 优化网站
  • 在智能体的对话框输入如下指令:
    1、修复下每次推荐内容都是固定的;
    2、增加重置功能;
    3、增加菜谱分类;
    4、增加过敏原和忌口食材列表。
    
  • 智能体自己经过一系列的反复调整,终于实现了想呈现的页面。
    image.png
    image.png
5、 扩展功能开发
  • 在智能体的对话框输入如下指令:
    1、增加推荐菜谱的营养分析;
    
    image.png
    2、优化下背景,展现更美观;
    
    image.png

五、测试与部署

1、功能测试

智能体按照以下计划生成测试用例并进行自动化测试:

1) 后端 API 接口测试

  • /recommend:推荐菜品接口(支持人数、分类、过敏原、忌口参数)
  • /nutrition/:recipeName:营养分析接口
  • /categories:获取菜谱分类接口
  • /reset:清空历史记录接口
  • /history:获取历史记录接口

2) 测试框架与工具

  • 使用 Jest 作为测试框架。
  • 使用 supertest 模拟 HTTP 请求。

3)测试目录结构

   test/
   ├── server.test.js      # 所有 API 接口的测试用例
   └── utils.js            # 测试辅助函数

4)测试覆盖率

  • 每个接口至少覆盖以下情况:
    • 正常请求返回正确状态码和响应数据。
    • 参数缺失或错误时返回合适的错误信息。
    • 边界条件测试(如人数为 0 或超过上限)。

5)实施步骤

  • 创建 test/ 目录。
  • 编写 server.test.js 测试用例。
  • 添加 utils.js 提供测试辅助函数(如创建测试服务器实例)。
  • 更新 package.json 添加测试脚本。
2、部署上线

在智能体中输入指令:调用edgeone MCP服务,将所有代码部署到EdgeOne上。
image.png

若部署有问题,还可以根据快照回退,不过这个快照目前不知道生成的规律是什么样的,也不支持重命名和自定义生成。

image.png

六、未来扩展方向

1、 餐厅推荐支持: 集成地图 MCP 服务,可以针对菜谱进行附近餐厅推荐。
2、 AI 语音交互: 调用语音识别和合成 MCP 服务,实现语音输入和反馈。
3、 社区功能: 用户可分享推荐结果,形成美食社区并支持点赞评论。

七、总结

通过通义灵码 2.5 的智能体模式和MCP广场的集成,开发者可以高效构建在线菜品推荐网站。智能体模式大幅提升了开发效率,MCP服务则为功能扩展提供了无限可能。

附录:

1、CSDN: https://blog.csdn.net/key_3_feng/article/details/148101057

2、51CTO:https://blog.51cto.com/key3feng/13931539

3、infoQ:https://xie.infoq.cn/article/16ad47a0369acce3870cb4610

4、知乎:https://zhuanlan.zhihu.com/p/1908315532924524223

5、掘金:https://juejin.cn/spost/7506287644818702373

6、B站:https://www.bilibili.com/read/preview/41749189

相关文章
|
13天前
|
自然语言处理 API 开发工具
端午出游高定:通义灵码+高德 MCP 10 分钟定制出游攻略
本文介绍了如何使用通义灵码编程智能体和高德MCP 2.0制作北京端午3天旅行攻略页面。首先需下载通义灵码AI IDE并获取高德申请的key,通过添加MCP服务、生成travel_tips.html文件完成初步攻略制作。用户可自定义页面风格、固定基础功能页面生成,并扩展MCP服务以满足多样化需求。文章还详细描述了开发专属MCP服务的过程,包括借助通义灵码编写代码、部署服务及调用工具,最终实现个性化旅游攻略生成。此外,提供了相关资料和参考链接,方便读者深入了解和实践。
|
16天前
|
自然语言处理 API 开发工具
端午出游高定:通义灵码+高德 MCP 10 分钟定制出游攻略
本文介绍了如何使用通义灵码编程智能体与高德 MCP 2.0 制作北京端午3天旅行攻略页面。首先需下载通义灵码 AI IDE 并获取高德申请的 key,接着通过添加 MCP 服务生成 travel_tips.html 文件,最终在手机端查看已发布上线的攻略。此外还详细说明了利用通义灵码打造专属 MCP 服务的过程,包括开发计划、代码编写、部署及连接服务等步骤,并提供了自由探索的方向及相关资料链接。
367 96
|
28天前
|
人工智能 JSON 自然语言处理
多快好省,Qwen3混合部署模式引爆MCP
本文介绍了MCP(Model Context Protocol)与Qwen3模型的结合应用。MCP通过统一协议让AI模型连接各种工具和数据源,类似AI世界的“USB-C”接口。文中详细解析了MCP架构,包括Host、Client和Server三个核心组件,并说明了模型如何智能选择工具及工具执行反馈机制。Qwen3作为新一代通义千问模型,采用混合专家架构,具备235B参数但仅需激活22B,支持快速与深度思考模式,多语言处理能力覆盖119种语言。文章还展示了Qwen3的本地部署流程,以及开发和调试MCP Server与Client的具体步骤。
471 36
多快好省,Qwen3混合部署模式引爆MCP
|
28天前
|
存储 人工智能 安全
自媒体创作场景实践|通义千问3 + MCP=一切皆有可能
本文介绍了通过MCP(Model Context Protocol)结合通义千问大模型实现跨平台、跨服务的自动化任务处理方案。使用Qwen3-235B-A22B模型,配合ComfyUI生成图像,并通过小红书等社交媒体发布内容,展示了如何打破AI云服务的数据孤岛。具体实践包括接入FileSystem、ComfyUI和第三方媒体Server,完成从本地文件读取到生成图像再到发布的全流程。 方案优势在于高可扩展性和易用性,但也存在大模型智能化不足、MCP Server开发难度较大及安全风险等问题。未来需进一步提升模型能力、丰富应用场景并解决安全挑战,推动MCP在更多领域落地。
511 27
自媒体创作场景实践|通义千问3 + MCP=一切皆有可能
|
19天前
|
存储 人工智能 供应链
AI Agent智能体:底层逻辑、原理与大模型关系深度解析·优雅草卓伊凡
AI Agent智能体:底层逻辑、原理与大模型关系深度解析·优雅草卓伊凡
97 1
AI Agent智能体:底层逻辑、原理与大模型关系深度解析·优雅草卓伊凡
|
12天前
|
人工智能 IDE 搜索推荐
通义灵码2.5评测:从编程智能体到记忆感知的AI编码革命
通义灵码2.5版本更新带来了多项新功能,包括Lingma IDE的开箱即用体验、编程智能体模式实现端到端编码任务、MCP工具集成扩展AI助手能力以及Qwen3模型升级大幅提升代码生成准确性和效率。此外,新增长期记忆与上下文感知功能,使开发更个性化和高效。尽管存在一些局限性,如复杂业务逻辑仍需人工干预,但整体显著提升了开发效率。官方还提供了高质量视频课程助力用户学习。
169 10
|
27天前
|
人工智能 测试技术 API
通义灵码 + 魔搭MCP:全流程构建创空间应用
最近,通义灵码上线 MCP(ModelScope Cloud Platform)功能,从之前代码生成及修改的基础功能,到可以使用MCP服务连接更多功能,开发者可以实现从 代码爬取、模型推理到应用部署
434 26
|
20天前
|
缓存 人工智能 自然语言处理
通义灵码2.5——基于编程智能体开发Wiki多功能搜索引擎
本文介绍了基于通义灵码2.5 AI编码助手开发的Wiki多功能搜索引擎系统。该系统采用Python技术栈,实现了多数据源统一搜索、异步并行查询和智能缓存等功能。通过AI辅助完成了从需求分析、架构设计到代码生成的全流程开发,显著提升了开发效率。系统采用模块化分层架构,包含数据源抽象层、搜索管理层和缓存层等核心组件,支持自然语言交互和个性化代码推荐。这一实践展示了AI与开发者深度协作的智能化开发新模式。
|
29天前
|
人工智能 搜索推荐 机器人
Qwen3+MCP快速解决今晚吃什么?
智能体是一种基于云计算和人工智能的自主决策系统,相比通用AI大模型,更注重场景化适配与垂直领域深耕。本文以“今天吃什么”智能体为例,依托Qwen3多模态能力和MCP动态规划框架,打造个性化饮食推荐服务。从开通百炼平台、创建智能体到设计Prompt和部署MCP服务,最终实现精准美食推荐,解决选择困难问题,将点餐变为一场充满惊喜的探险。总结来看,智能体通过云+AI技术,在垂直场景中展现高效精准的决策能力。