1. 搞笑创意像素风格H5临时制作平台 需求&功能设计报告

   一、产品核心定位

   轻量级短时社交H5制作平台，主打搞笑、创意、像素风格，核心价值是 「快速生成、临时可用、自动销毁」。 满足用户表白、节日互动、趣味整活、临时活动宣传等场景需求，支持模板定制和简易自定义开发，作品链接可分享，且能自动过期，兼顾趣味性和隐私性。

二、核心功能模块设计

1. 模板中心模块（核心引流功能）

这是免费用户的主要入口，聚焦像素风格的趣味模板，支持可视化定制。

• 模板分类
  • 社交互动类：表白墙、情侣纪念、好友整活、生日祝福
  • 节日限定类：圣诞树、新年贺卡、情人节、万圣节像素主题
  • 趣味工具类：像素头像生成、性格测试、好友默契大挑战
• 定制能力
  • 固定可编辑元素：文字替换（如表白文案、昵称）、图片上传（如头像、合照）、背景音乐选择（像素风格BGM库）
  • 风格微调：像素颗粒度、配色方案（复古8bit、高饱和撞色等）、动效开关（如闪烁、位移）
• 生成逻辑
  • 用户编辑后，一键生成唯一访问链接（支持短链）和二维码
  • 默认定制作品24小时后自动销毁，免费用户不可修改时效

2. 自定义H5开发模块（差异化功能）

满足有创意需求的用户，提供低代码可视化编辑器 + 简易代码编辑器双模式，全程像素风格约束，保证平台调性统一。

• 可视化编辑模式（面向普通用户）
  • 拖拽式组件库：仅提供像素风格组件（像素按钮、像素文本框、像素动效、像素背景）
  • 页面管理：支持多页H5跳转、页面切换动效（如像素化淡入淡出）
  • 交互配置：点击按钮触发弹窗/跳转/音乐播放，无需写代码
• 代码编辑模式（面向轻度开发者）
  • 预设像素风格代码模板：基于HTML+CSS+JS，内置像素渲染函数
  • 实时预览：编辑区与预览区实时同步，支持移动端预览
  • 代码校验：限制非像素风格的CSS属性（如禁止渐变、阴影），保证平台风格统一
• 作品发布设置
  • 时效自定义：免费用户最长24小时，订阅用户支持7天/30天/永久
  • 可见性设置：公开（进入广场）、私密（仅自己访问）、指定好友可见（输入手机号/邮箱白名单）
  • 访问统计：查看作品访问次数、访客地域（匿名统计）

3. 自动销毁与数据管理模块（核心技术保障）

确保「临时」 特性，避免服务器资源浪费，同时符合隐私合规要求。

• 销毁机制
  • 定时任务触发：基于Redis的过期键机制，作品创建时写入作品ID-过期时间键值对，定时扫描并执行销毁
  • 销毁内容：删除数据库中的作品记录、OSS/COS中的用户上传图片和H5静态文件、缓存中的作品预览图
  • 销毁提醒：作品过期前1小时，通过短信/邮件提醒创作者（需用户授权）
• 数据备份兜底
  • 误删恢复：销毁后保留7天回收站，订阅用户可申请恢复，免费用户不可恢复
  • 存储策略：用户上传图片自动压缩为像素风格（限制分辨率≤1080P），降低存储成本

4. 社交互动模块（用户增长引擎）

通过社交裂变拉新，提升用户粘性。

• 广场展示
  • 推荐页：算法推荐优质像素H5作品（优先展示高互动、新发布）
  • 分类页：按模板类型、热度、最新发布筛选
  • 隐私保护：仅展示用户标记为「公开」的作品，隐藏私密作品
• 排行榜功能
  • 维度：日榜/周榜/月榜（按访问量、点赞数、分享数排序）
  • 奖励：上榜作品创作者获得AI token奖励（可用于AI辅助制作）
• 分享能力
  • 一键分享：支持微信、微博、抖音、小红书等平台，自动生成像素风格分享海报
  • 分享激励：用户分享后可延长作品时效（免费用户延长6小时，最多延长至48小时）

5. 付费与增值服务模块（盈利核心）

• AI辅助增值服务（核心付费点）
  • 智能文案生成：输入关键词（如「搞笑表白」「兄弟整活」），生成像素风格文案
  • 像素图转换：上传普通图片，自动转为像素风格（支持调整颗粒度）
  • 动效推荐：根据H5主题，AI推荐匹配的像素动效
• AI token单次付费：免费用户/订阅用户额度用完后，可单独购买token包（10元=20次）

6. 用户系统与权限管理

• 基础功能：手机号/微信一键注册登录、个人中心（作品管理、订阅状态、token余额）
• 权限控制：
  • 创作者权限：编辑、删除自己的作品，查看访问数据
  • 访客权限：仅能浏览、互动公开作品，无法修改内容
  • 管理员权限：内容审核、违规作品下架、用户投诉处理

三、技术架构与选型（贴合你的技术栈+4C8G服务器）

1. 技术栈确定

2. 4C8G服务器资源分配（Docker Compose编排）

1. docker-compose.yml 核心服务资源限制示例
version: '3.8'
services:
  1. Go后端服务：核心业务逻辑
  backend:
    image: your-h5-backend:latest
    build: ./backend
    restart: always
    deploy:
      resources:
        limits:
          cpus: '1.5'
          memory: 2G
    environment:
      - DB_USER=${POSTGRES_USER:-h5_user}
      - REDIS_ADDR=redis:6379
    depends_on:
      - mysql
      - redis

  1. Next.js前端服务：Web端编辑器+广场
  frontend:
    image: your-h5-frontend:latest
    build: ./frontend
    restart: always
    deploy:
      resources:
        limits:
          cpus: '1'
          memory: 1G
    ports:
      - "80:3000"

  1. MySQL数据库：用户/作品数据
  mysql:
    image: mysql:8.0
    restart: always
    deploy:
      resources:
        limits:
          cpus: '0.5'
          memory: 1G
    volumes:
      - mysql_data:/var/lib/mysql
    environment:
      - MYSQL_ROOT_PASSWORD=${MYSQL_ROOT_PWD}
      - MYSQL_DATABASE=h5_platform

  1. Redis：缓存+过期任务
  redis:
    image: redis:7.0
    restart: always
    deploy:
      resources:
        limits:
          cpus: '0.5'
          memory: 512M
    volumes:
      - redis_data:/data

  1. 定时任务服务：处理作品销毁
  cron-job:
    image: your-h5-cron:latest
    build: ./cron
    restart: always
    deploy:
      resources:
        limits:
          cpus: '0.5'
          memory: 512M
    depends_on:
      - redis
      - backend

volumes:
  mysql_data:
  redis_data:

• 资源总占用：CPU合计≤4核，内存合计≤5.5G，预留2.5G内存给系统和突发流量，完全适配4C8G服务器。

3. 关键技术难点与解决方案

四、隐私合规与内容安全

1. 隐私合规

• 数据最小化：仅收集用户手机号/微信昵称，不收集额外隐私数据
• 用户授权：上传图片、获取位置（用于统计）前需用户明确同意
• GDPR/CCPA适配：支持用户申请导出/删除个人数据，7天内完成处理

2. 内容安全

• AI预审 + 人工复审：用户发布的H5作品，先通过AI识别违规内容（敏感词、违规图片），疑似违规自动进入人工复审队列
• 违规处理：违规作品立即下架并销毁，多次违规用户限制功能使用

五、分阶段实施路径

阶段1：MVP版本（1-2个月）

• 核心功能：5款基础像素模板 + 可视化编辑 + 24小时自动销毁 + 简单分享
• 技术部署：Docker Compose单服务器部署，验证产品核心价值

阶段2：功能完善版（2-3个月）

• 新增功能：自定义代码编辑器 + 广场排行榜 + AI文案生成 + 订阅付费
• 技术优化：添加CDN加速，提升作品加载速度

阶段3：成熟版（3-4个月）

• 新增功能：AI像素图转换 + 移动端React Native App + 多语言支持
• 技术扩展：支持多服务器负载均衡，应对用户增长