基于百度 AI 搜索的智能菜谱灵感小程序——技术实现与应用说明

一、项目简介

二、核心技术与架构

1. 技术选型

• 前端：微信小程序原生开发，页面目录为 miniprogram/pages/recipe-inspiration
• 后端：微信云开发 Node.js 云函数，主逻辑位于 cloudfunctions/recipeInspiration
• AI 能力：集成百度千帆 AI 搜索 API，支持自然语言理解、实时信息抓取与结构化内容生成
• 依赖库：axios 用于云函数端 HTTP 请求，wx-server-sdk 用于小程序云开发

2. 技术架构

  
  
  
  
  
  

   
   
   
   
   
   

    graph LR

   
   
   
   
   
   
   
   
   
   
   
   

    A[小程序前端] --关键词/操作--> B[云函数 recipeInspiration]

   
   
   
   
   
   
   
   
   
   
   
   

    B --API请求--> C[百度千帆AI搜索]

   
   
   
   
   
   
   
   
   
   
   
   

    C --结构化数据--> B

   
   
   
   
   
   
   
   
   
   
   
   

    B --灵感卡片数据--> A
   
   
   
   
   
   
  
  
  
  
  
  

• 用户在小程序端输入关键词，触发云函数调用
• 云函数将请求转发至百度千帆 AI 搜索 API
• 百度 AI 返回结构化的菜谱灵感数据
• 云函数格式化数据后返回前端，前端渲染灵感卡片

3. 关键技术点

（1）API 安全与环境变量

• 百度 API 密钥通过环境变量 QIANFAN_API_KEY 管理，避免泄露风险
• 云函数配置请求头时自动读取环境变量，保障安全合规

（2）灵感卡片结构化

• 云函数处理百度 AI 返回的 references 字段，提取标题、日期、图片、内容、原始链接等信息
• 前端页面根据返回数据渲染灵感卡片，支持点击跳转、内容预览等交互

（3）高可用与异常处理

• 云函数端设置超时与错误捕获，保证 API 异常时用户有明确反馈
• 前端页面对无结果、请求失败等情况友好提示

三、功能实现说明

1. 主要功能

• 关键词灵感搜索：输入任意关键词，获取相关菜谱灵感
• 灵感卡片展示：每条灵感包含标题、简介、图片、日期、原始链接
• 一键生成智能菜谱：基于灵感内容可直接生成 AI 菜谱
• 历史记录与分享：自动保存搜索历史，支持一键分享

2. 代码实现要点

云函数 cloudfunctions/recipeInspiration/index.js

• 读取前端传入的 keyword
• 调用百度千帆 AI 搜索 API，参数包括模型、搜索源、温度、最大 token 等
• 解析 API 响应，提取 references 字段，映射为前端所需格式
• 返回统一的结构化数据，便于前端渲染

前端页面 miniprogram/pages/recipe-inspiration/index.js

• 用户输入关键词后，调用云函数获取灵感数据
• 渲染灵感卡片列表，支持点击查看详情、生成智能菜谱等操作
• 处理加载、异常、无结果等多种状态，提升用户体验

四、应用场景拓展

• 深度研究：通过关键词检索，快速生成结构化的烹饪趋势分析、食材研究报告
• 新闻日报：结合菜谱领域新闻，生成个性化美食资讯简报
• 导购助手：扩展为食材、厨具导购，基于 AI 搜索横向对比商品信息
• 拍照答疑：结合食材识别，支持用户上传食材图片，AI 自动推荐菜谱并答疑
• 其他 AI 应用：如健康饮食规划、营养分析等

五、使用说明

1. 打开小程序，进入“菜谱灵感”页面
2. 在搜索框输入任意关键词（如“夏季凉菜”、“低脂早餐”）
3. 系统自动调用百度 AI 搜索，返回相关灵感卡片
4. 点击卡片可查看详情，或一键生成智能菜谱
5. 支持历史记录、灵感分享等功能

六、版权声明

七、视频演示地址