通义灵码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
641 31
|
8月前
|
数据采集 数据可视化 JavaScript
用 通义灵码和 PyQt5 爬虫智能体轻松爬取掘金,自动化采集技术文章和数据
本文介绍了如何利用智能开发工具通义灵码和Python的PyQt5框架,构建一个自动化爬取掘金网站技术文章和数据的智能爬虫系统。通过通义灵码提高代码编写效率,使用PyQt5创建可视化界面,实现对爬虫任务的动态控制与管理。同时,还讲解了应对反爬机制、动态内容加载及数据清洗等关键技术点,帮助开发者高效获取并处理网络信息。
|
5月前
|
API 调度 虚拟化
VMware Cloud Foundation Automation 9.0.1.0 发布 - 私有云自动化平台
VMware Cloud Foundation Automation 9.0.1.0 发布 - 私有云自动化平台
271 3
VMware Cloud Foundation Automation 9.0.1.0 发布 - 私有云自动化平台
|
6月前
|
IDE 开发工具 Python
通义灵码+支付 MCP:30 分钟实现创作打赏智能体
本文介绍如何使用通义灵码智能体与 qwen3 和支付 MCP 编写创作打赏智能体,该智能体能够完成日常聊天、诗词创作和请求打赏并生成支付链接功能。
558 1
|
9月前
|
人工智能 搜索推荐 测试技术
通义灵码 Agent+MCP:打造自动化菜品推荐平台,从需求到部署实现全流程创新
通过通义灵码编程智能体模式和 MCP 的集成,开发者可以高效构建在线菜品推荐网站。智能体模式大幅提升了开发效率,MCP 服务则为功能扩展提供了无限可能。
|
8月前
|
人工智能 BI 语音技术
AR眼镜+AI大模型:颠覆工业设备验收流程的智能革命
本方案结合AR眼镜与AI视觉大模型,打造高效、精准、可追溯的设备验收流程。通过第一视角记录、智能识别、结构化数据生成与智能报表功能,提升验收效率与质量,助力企业实现智能化管理。
|
8月前
|
人工智能 缓存 数据可视化
手把手玩转本地大模型:Ollama+DeepSeek+Dify 零门槛全流程指南
本文提供从零搭建本地AI工作站的完整指南,详解本地化部署大模型的核心优势(数据隐私/离线可用/成本可控),涵盖Ollama安装、DeepSeek-Coder模型部署、Dify可视化操作及API调用实战,助你打造安全高效的私有AI开发环境。
|
8月前
|
测试技术 API C++
Playwright 自动化测试系列(7)| 第三阶段:测试框架集成​​Page Object 模式
本课程详解Playwright测试框架中的Page Object模式,通过电商登录-下单实战演示PO架构设计与高级技巧,结合Pytest实现多用户测试。重点解析PO模式提升代码复用性、降低维护成本的核心价值,并提供常见问题解决方案,助力构建高可维护性的自动化测试体系。
|
8月前
|
传感器 搜索推荐 IDE
新品发布:通义灵码深度适配Qwen3,支持智能体和MCP工具
通义灵码全新上线,深度适配Qwen3,集成3000+ MCP工具,支持智能体、记忆、工程感知等能力,大幅提升开发效率与体验。
305 0

热门文章

最新文章