PROJECT 005 · AI E-COMMERCE CREATIVE

图作 AI
电商详情图生成平台

用户上传商品图并填写卖点后,自动生成主图、卖点图、场景图和参数卡,并完成充值、生成、退款和下载闭环。项目时间:2026.05,独立设计与开发。

  • NEXT.JS 16 · TYPESCRIPT · NEXTAUTH
  • POSTGRESQL · PRISMA · REDIS
  • BULLMQ · ALIBABA OSS
  • SENTRY · WECHAT PAY · ALIPAY
PERIOD2026.05
ROLE独立开发
QUEUEBullMQ
OBSERVABILITY3 环境

我的职责

我独立完成产品的技术设计与开发,重点解决多张素材并发生成、支付入账、异常退款、大文件交付和跨运行环境监控。

生成系统BullMQ + 独立 Worker

并发执行多个图片面板并隔离耗时任务。

交易闭环支付 Provider + 积分

统一渠道差异并保证回调入账幂等。

生产保障OSS + Sentry

优化上传链路并覆盖三个运行环境。

核心链路

  1. 01 / UPLOAD商品图直传 OSS应用服务器不承接大文件流量
  2. 02 / ORDER选择面板并预扣主图、卖点图、场景图与参数卡
  3. 03 / QUEUEBullMQ 拆分任务每张图片独立进入队列
  4. 04 / WORKER并发生成与重试单张失败不阻塞整组任务
  5. 05 / SETTLE按成功数量结算全部、部分成功或全部失败
  6. 06 / DELIVERY成品下载支持单图和流式 ZIP
每张素材独立执行和重试,最终按真实成功数量结算并交付下载。
  • 使用 BullMQ 和独立 Worker 执行异步图片生成任务,避免长任务占用网页请求。
  • 支持多面板并发生成和单张失败重试,局部失败不拖累整组素材。
  • 按实际成功数量结算,并提供流式 ZIP 下载,完成结果交付。

支付抽象

  • 抽象统一支付 Provider,可切换微信支付 v3、支付宝当面付和 Mock 支付。
  • 在回调环节完成验签和金额核对,阻止伪造或金额不一致的入账请求。
  • 使用幂等积分入账避免重复回调导致权益重复增加。
支付成功只是开始,验签、金额、幂等和生成失败后的结算共同决定交易是否可信。

上传与监控

  • 采用 OSS 浏览器直传,减少商品原图经过应用服务器带来的带宽压力。
  • 使用 Sentry 覆盖浏览器、Next.js 服务端和后台 Worker 三个运行环境。
  • 把客户端交互、服务端接口和异步任务错误串进同一套可观测链路。
ALL PROJECTS返回查看全部项目