🎴 智能贺卡生成微信小程序

★导航目录

1产品概述

用户登录后上传照片，输入提示词（描述贺卡风格、祝福语、场景等），系统结合照片与提示词通过 AI 生成贺卡图片，用户可预览、保存或分享。

核心流程

微信登录 → 上传照片 → 输入提示词 → AI 生成贺卡 → 预览/保存/分享

2技术架构

整体架构图

┌─────────────────┐     ┌──────────────────┐     ┌─────────────────┐
│   微信小程序端    │ ──→ │   后端服务 API     │ ──→ │   AI 图片生成     │
│  (WXML/WXSS/JS) │     │  (Node/Java/Go)  │     │ (NanoBanana等)  │
└─────────────────┘     └──────────────────┘     └─────────────────┘
        │                       │                        │
        │                       ↓                        │
        │               ┌──────────────┐                 │
        └──────────────→│  对象存储 OSS  │←────────────────┘
                        │  (照片/贺卡)   │
                        └──────────────┘
                               │
                        ┌──────────────┐
                        │  数据库 MySQL  │
                        │ (用户/作品)    │
                        └──────────────┘

技术选型

3功能模块设计

4数据库设计

-- 用户表
CREATE TABLE users (
  id          BIGINT PRIMARY KEY AUTO_INCREMENT,
  openid      VARCHAR(64) UNIQUE NOT NULL,
  nickname    VARCHAR(64),
  avatar      VARCHAR(255),
  created_at  DATETIME DEFAULT CURRENT_TIMESTAMP
);

-- 贺卡作品表
CREATE TABLE cards (
  id          BIGINT PRIMARY KEY AUTO_INCREMENT,
  user_id     BIGINT NOT NULL,
  origin_img  VARCHAR(255),          -- 原始照片
  prompt      TEXT,                  -- 用户提示词
  style       VARCHAR(32),           -- 风格
  result_img  VARCHAR(255),          -- 生成贺卡
  status      TINYINT DEFAULT 0,     -- 0生成中 1成功 2失败
  created_at  DATETIME DEFAULT CURRENT_TIMESTAMP,
  INDEX idx_user (user_id)
);

5核心接口设计

生成接口示例

POST /api/card/generate
{
  "origin_img": "https://oss.../photo.jpg",
  "prompt": "生日快乐，温馨水彩风格",
  "style": "watercolor"
}
→ { "task_id": "xxx", "status": "pending" }

6关键代码片段

前端：登录

wx.login({
  success: (res) => {
    wx.request({
      url: 'https://api.xxx.com/api/login',
      method: 'POST',
      data: { code: res.code },
      success: (r) => wx.setStorageSync('token', r.data.token)
    })
  }
})

前端：选择并上传照片

wx.chooseMedia({
  count: 1, mediaType: ['image'], sizeType: ['compressed'],
  success: (res) => {
    wx.uploadFile({
      url: 'https://api.xxx.com/api/upload',
      filePath: res.tempFiles[0].tempFilePath,
      name: 'file',
      header: { Authorization: wx.getStorageSync('token') },
      success: (r) => { this.setData({ originImg: JSON.parse(r.data).url }) }
    })
  }
})

后端：登录换取 openid (Node.js)

const axios = require('axios')
app.post('/api/login', async (req, res) => {
  const { code } = req.body
  const { data } = await axios.get('https://api.weixin.qq.com/sns/jscode2session', {
    params: { appid: APPID, secret: SECRET, js_code: code, grant_type: 'authorization_code' }
  })
  // data.openid 入库 → 生成 JWT
  const token = jwt.sign({ openid: data.openid }, JWT_SECRET, { expiresIn: '7d' })
  res.json({ token })
})

后端：调用 AI 生成（异步轮询）

app.post('/api/card/generate', auth, async (req, res) => {
  const { origin_img, prompt, style } = req.body
  const finalPrompt = buildPrompt(prompt, style)  // 组合风格模板
  const task = await aiClient.editImage({ image_urls: [origin_img], prompt: finalPrompt })
  await db.cards.insert({ user_id: req.user.id, origin_img, prompt, style, status: 0 })
  res.json({ task_id: task.id, status: 'pending' })
})

7安全与合规

• 内容安全：照片 imgSecCheck、文本 msgSecCheck，过滤违规内容
• 接口鉴权：所有业务接口校验 JWT，防止越权
• 限流防刷：单用户生成次数限制（如每日 N 次），Redis 计数
• 隐私合规：明示数据用途，照片仅用于生成，提供删除作品功能
• HTTPS：小程序要求所有请求走 https，域名需在后台配置白名单

8开发计划建议

9扩展方向

• 多照片合成贺卡 / 拼图模板
• 动态贺卡（GIF / 短视频）
• 付费模板与高清导出（小程序虚拟支付）
• 贺卡定时发送 / 生成专属祝福链接
• AI 自动生成祝福文案（接入文本大模型）