一、背景说明
next-ai-draw-io 是一个基于 Next.js + AI 能力 的在线绘图工具,支持通过 OpenAI 兼容接口 调用大模型生成流程图、架构图等。
在实际部署过程中,官方示例 .env 文件包含了 大量与当前场景无关的配置(如 AWS Bedrock、Claude、Nova 等),容易造成理解成本和配置混乱。
本文将:
-
使用 Docker Compose 快速部署
-
仅保留必要的 OpenAI 兼容配置
-
以 阿里云 DashScope(通义千问 OpenAI Compatible 模式) 为例

二、Docker Compose 配置
docker-compose.yml
services:
drawio:
image: ghcr.io/dayuanjiang/next-ai-draw-io:latest
container_name: next-ai-draw-io
ports:
- "8380:3000" # 宿主机 8380 → 容器 3000
env_file:
- .env
restart: unless-stopped
说明:
-
容器内部服务监听
3000 -
通过
http://127.0.0.1:8380访问 -
所有 AI 相关配置统一放在
.env中 -
国内加速方法:将ghcr.io替换为ghcr.nju.edu.cn
三、精简后的 .env 配置(仅保留有用项)
.env
# 使用 OpenAI 兼容接口
AI_PROVIDER=openai
# 模型名称(以 DeepSeek v3.1 为例)
AI_MODEL=deepseek-v3.1
# OpenAI API Key(DashScope 或其他兼容平台)
OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxx
# OpenAI 兼容接口地址(阿里云 DashScope)
OPENAI_BASE_URL=https://dashscope.aliyuncs.com/compatible-mode/v1
五、启动服务
docker compose up -d
查看日志确认启动成功:
docker logs -f next-ai-draw-io
正常情况下你会看到类似输出:
▲ Next.js
- Local: http://localhost:3000
- Network: http://0.0.0.0:3000
✓ Ready in 100ms
浏览器访问:
http://127.0.0.1:8380/zh