通义灵码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

相关文章
人工智能 安全 IDE
1177 30
|
人工智能 自然语言处理 JavaScript
利用MCP Server革新软件测试:更智能、更高效的自动化
MCP Server革新软件测试:通过标准化协议让AI实时感知页面结构,实现自然语言驱动、自适应维护的自动化测试,大幅提升效率,降低脚本开发与维护成本,推动测试左移与持续测试落地。
|
Web App开发 人工智能 自然语言处理
Playwright MCP浏览器自动化指南
本文教你如何通过Playwright MCP让AI直接操作浏览器,自动运行和调试代码,无需手动切换界面。只需简单配置,即可用自然语言指挥AI完成页面操作、问题排查与自主修复,真正实现自动化高效开发。
|
数据采集 数据可视化 JavaScript
用 通义灵码和 PyQt5 爬虫智能体轻松爬取掘金,自动化采集技术文章和数据
本文介绍了如何利用智能开发工具通义灵码和Python的PyQt5框架,构建一个自动化爬取掘金网站技术文章和数据的智能爬虫系统。通过通义灵码提高代码编写效率,使用PyQt5创建可视化界面,实现对爬虫任务的动态控制与管理。同时,还讲解了应对反爬机制、动态内容加载及数据清洗等关键技术点,帮助开发者高效获取并处理网络信息。
|
数据采集 人工智能 自然语言处理
Playwright MCP 浏览器自动化框架全面解析
Playwright MCP是微软推出的开源项目,结合Playwright与MCP协议,让AI通过结构化数据直接操作浏览器。告别传统视觉识别,实现高效、精准的网页自动化,广泛应用于测试、爬虫、办公自动化等场景,大幅提升效率与可靠性。
|
自然语言处理 前端开发 测试技术
使用 Playwright MCP 实现 UI 自动化测试
本文介绍如何结合Playwright与MCP协议实现智能化UI自动化测试。通过自然语言指令控制浏览器,降低技术门槛,提升效率,并涵盖环境搭建、核心功能、实战案例及最佳实践,展现对话式自动化的未来趋势。
|
人工智能 自然语言处理 监控
Playwright MCP浏览器自动化全攻略
Playwright MCP让AI通过自然语言操控浏览器,无需编程即可实现网页自动化。支持智能元素识别、多浏览器操作与动态交互,广泛应用于搜索、数据抓取、自动发布等场景,大幅提升效率,降低技术门槛,是浏览器自动化的新范式。
|
IDE 开发工具 Python
通义灵码+支付 MCP:30 分钟实现创作打赏智能体
本文介绍如何使用通义灵码智能体与 qwen3 和支付 MCP 编写创作打赏智能体,该智能体能够完成日常聊天、诗词创作和请求打赏并生成支付链接功能。
1057 1
|
Web App开发 人工智能 JavaScript
入门指南:使用 Playwright MCP Server 为你的 AI Agent 赋予浏览器自动化能力
借助Playwright MCP Server,AI助手可实现网页自动操作:填表、抓数据、执行重复任务。通过MCP协议连接AI与浏览器,让AI从“能说”变为“会做”。支持主流浏览器,配置简单,助力打造智能数字助手。

热门文章

最新文章