快速开始

本地开发

前置要求

  • Node.js 18+
  • pnpm 包管理器
  • Git

安装

git clone https://github.com/your-username/qwen-image-edit.git my-qwen-project
cd my-qwen-project
pnpm install

环境配置

复制环境变量文件并配置您的设置:

cp .env.example .env.local

编辑 .env.local 文件,配置您的参数:

# 数据库
DATABASE_URL="your-database-url"

# 身份验证
NEXTAUTH_SECRET="your-nextauth-secret"
NEXTAUTH_URL="http://localhost:3000"

# AI 模型配置
QWEN_API_KEY="your-qwen-api-key"
QWEN_API_ENDPOINT="your-qwen-endpoint"

# 存储(可选)
UPLOADTHING_SECRET="your-uploadthing-secret"
UPLOADTHING_APP_ID="your-uploadthing-app-id"

启动开发服务器

pnpm dev

在浏览器中打开 http://localhost:3000 查看应用程序。

基本使用

图片上传

  1. 导航到编辑器页面
  2. 点击"上传图片"或拖拽图片到页面
  3. 支持格式:JPG、PNG、WebP(最大10MB)

文本编辑

编辑图片中的文本:

// 文本编辑 API 调用示例
const response = await fetch('/api/image-edit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    image: imageBase64,
    prompt: '将文本"Hello"改为"你好"',
    editType: 'text'
  })
});

语义编辑

进行语义修改:

// 语义编辑 API 调用示例
const response = await fetch('/api/image-edit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    image: imageBase64,
    prompt: '将猫改为狗,保持相同的姿势',
    editType: 'semantic'
  })
});

下一步