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

相关文章
|
6月前
|
人工智能 自然语言处理 测试技术
从人工到AI驱动:天猫测试全流程自动化变革实践
天猫技术质量团队探索AI在测试全流程的落地应用,覆盖需求解析、用例生成、数据构造、执行验证等核心环节。通过AI+自然语言驱动,实现测试自动化、可溯化与可管理化,在用例生成、数据构造和执行校验中显著提效,推动测试体系从人工迈向AI全流程自动化,提升效率40%以上,用例覆盖超70%,并构建行业级知识资产沉淀平台。
从人工到AI驱动:天猫测试全流程自动化变革实践
|
7月前
|
人工智能 缓存 监控
使用LangChain4j构建Java AI智能体:让大模型学会使用工具
AI智能体是大模型技术的重要演进方向,它使模型能够主动使用工具、与环境交互,以完成复杂任务。本文详细介绍如何在Java应用中,借助LangChain4j框架构建一个具备工具使用能力的AI智能体。我们将创建一个能够进行数学计算和实时信息查询的智能体,涵盖工具定义、智能体组装、记忆管理以及Spring Boot集成等关键步骤,并展示如何通过简单的对话界面与智能体交互。
2987 1
|
6月前
|
人工智能 API 开发工具
构建AI智能体:一、初识AI大模型与API调用
本文介绍大模型基础知识及API调用方法,涵盖阿里云百炼平台密钥申请、DashScope SDK使用、Python调用示例(如文本情感分析、图像文字识别),助力开发者快速上手大模型应用开发。
2516 18
构建AI智能体:一、初识AI大模型与API调用
|
6月前
|
人工智能 自然语言处理 安全
AI助教系统:基于大模型与智能体架构的新一代教育技术引擎
AI助教系统融合大语言模型、教育知识图谱、多模态交互与智能体架构,实现精准学情诊断、个性化辅导与主动教学。支持图文语音输入,本地化部署保障隐私,重构“教、学、评、辅”全链路,推动因材施教落地,助力教育数字化转型。(238字)
1134 23
|
7月前
|
机器学习/深度学习 人工智能 机器人
AI Compass前沿速览:Nano Bananary、MCP Registry、通义DeepResearch 、VoxCPM、InternVLA·M1具身机器人
AI Compass前沿速览:Nano Bananary、MCP Registry、通义DeepResearch 、VoxCPM、InternVLA·M1具身机器人
|
6月前
|
监控 安全 数据安全/隐私保护
55_大模型部署:从云端到边缘的全场景实践
随着大型语言模型(LLM)技术的飞速发展,从实验室走向产业化应用已成为必然趋势。2025年,大模型部署不再局限于传统的云端集中式架构,而是向云端-边缘协同的分布式部署模式演进。这种转变不仅解决了纯云端部署在延迟、隐私和成本方面的痛点,还为大模型在各行业的广泛应用开辟了新的可能性。本文将深入剖析大模型部署的核心技术、架构设计、工程实践及最新进展,为企业和开发者提供从云端到边缘的全场景部署指南。
1903 1
|
7月前
|
IDE 开发工具 Python
通义灵码+支付 MCP:30 分钟实现创作打赏智能体
本文介绍如何使用通义灵码智能体与 qwen3 和支付 MCP 编写创作打赏智能体,该智能体能够完成日常聊天、诗词创作和请求打赏并生成支付链接功能。
698 1

热门文章

最新文章