APIWorkflowCanvasDesignNetJuggle 原名 Juggle（积木 + 魔法）是一个可视化 API 流程编排平台，通过拖拽式画布将多个接口串联成完整业务流程，支持 AI 对话自动生成流程、智能体多轮对话与工具调用、生图/生视频、报表设计等。

后端基于 .NET 8 + EF Core 8，前端 Vue 3 + Element Plus + @vue-flow/core，内置 SQLite（可切换 MySQL / PostgreSQL / SQLServer）。系统已稳定运行，提供 Docker 一键部署方案，默认账号 juggle / juggle，监听 9127 端口。

flowchart LR
    subgraph FE["前端 JuggleNet6.Frontend"]
        Vue["Vue 3 + Vite"]
        EP["Element Plus"]
        VF["@vue-flow/core 画布"]
        Monaco["Monaco Editor"]
    end

    subgraph API["后端 Juggle.Api"]
        Controllers["Controllers\n/api/ · /open/"]
        Middleware["JWT中间件\n租户上下文"]
    end

    subgraph App["Juggle.Application"]
        FlowSvc["FlowExecutionService\n编排器"]
        AiSvc["AiService\nAI 调用"]
        JwtSvc["JwtService"]
    end

    subgraph Domain["Juggle.Domain"]
        Engine["FlowEngine\n流程执行引擎"]
        Nodes["13+1 节点执行器\nSTART/END/METHOD/CONDITION等"]
        Entities["实体 / DTO"]
    end

    subgraph Infra["Juggle.Infrastructure"]
        DbContext["JuggleDbContext\nEF Core"]
        JsonHelper["JsonHelper / Md5Helper"]
    end

    subgraph DB["数据库"]
        SQLite["SQLite（默认）"]
        MySQL["MySQL"]
        PG["PostgreSQL"]
        SS["SQLServer"]
    end

    subgraph AI["外部 AI 服务"]
        OpenAI["OpenAI / DeepSeek"]
        Qwen["通义千问 / 万相"]
        Kimi["Kimi / GLM / Ollama"]
    end

    Vue --> Controllers
    Controllers --> Middleware
    Controllers --> FlowSvc
    Controllers --> AiSvc
    FlowSvc --> Engine
    Engine --> Nodes
    FlowSvc --> DbContext
    AiSvc --> OpenAI & Qwen & Kimi
    DbContext --> SQLite & MySQL & PG & SS

docker run -d \
  --name juggle \
  -p 9127:9127 \
  -v juggle_data:/data \
  pythonhuang/juggle-net8:v1.0

或使用 docker-compose：

docker-compose up -d

访问 http://localhost:9127，默认账号 juggle / juggle

# 后端
cd Juggle.Api && dotnet run

# 前端
cd JuggleNet6.Frontend && npm install && npm run dev

# 生产构建
cd JuggleNet6.Frontend && npm run build  # → Juggle.Api/wwwroot/

构建状态：dotnet build 0 errors · vue-tsc 通过

流程编排	AI 智能编排
	[多条件分支，中午、并行流程
	[对话描述需求，AI 自动生成流程节点与连线]

📌 更多截图见仓库 images/ 目录。

一句话差异：Juggle 是面向后端开发者的 API 编排 + AI 自动生成工具，补齐了 n8n/Dify 在接口管理、SOAP、SQL、多租户、私有化部署方面的空白。

• 🎨 生图/生视频：模型名关键词自动识别类型（chat/image/video），通义万相走 DashScope 异步轮询，OpenAI 兼容走 images/generations，气泡内渲染图片/视频带下载按钮
• 🤖 助手模型参数：温度 / 最大输出 / 随机种子 / 深度思考开关（透传到 API）
• 🎯 折叠侧边栏：220px → 64px，子菜单悬停弹出，状态持久化到 localStorage
• 📊 监控模块：API 拓扑图 + 告警规则 + 告警记录
• 🛒 应用市场：接口/流程/助手/Skills/报表五类条目，GitHub PR 分享机制
• 🧠 知识库 + Skill：KB_SEARCH 节点支持 RAG 问答；Skill 管理支持 JSON/markdown 导入

欢迎提交 Issue 和 Pull Request！

1. Fork 本仓库
2. 创建特性分支 git checkout -b feature/xxx
3. 提交变更 git commit -m "feat: xxx"
4. 推送到分支 git push origin feature/xxx
5. 开 Pull Request

MIT License

本项目基于 Juggle（Java 版）的设计思路与架构进行 .NET 8 重写。

感谢 @somta 及原项目团队！

中文 | English

Juggle means "building blocks" and "magic" in Chinese — flexible like LEGO, powerful like magic. It's a visual API flow orchestration platform that lets you string multiple APIs together via drag-and-drop canvas, with AI-assisted flow generation, agent multi-turn chat, image/video generation, and report design built in.

Built with .NET 8 + Vue 3 + Element Plus, ships with SQLite out of the box (MySQL / PostgreSQL / SQLServer supported). One-click Docker deployment, default credentials juggle / juggle, listening on port 9127.

docker run -d \
  --name juggle \
  -p 9127:9127 \
  -v juggle_data:/data \
  pythonhuang/juggle-net8:v1.0

• Access: http://localhost:9127
• Default: juggle / juggle

# Backend
cd Juggle.Api && dotnet run

# Frontend
cd JuggleNet6.Frontend && npm install && npm run dev

Build status: dotnet build 0 errors · vue-tsc passes

One-liner: Juggle fills the gap for backend devs who need API management, SOAP, SQL, multi-tenancy, and private deployment — things n8n/Dify don't cover.

• 🎨 Image/Video generation: Model name keywords auto-detect type (chat/image/video), DashScope async polling for Tongyi Wanxiang, OpenAI images/generations for URL/b64_json
• 🤖 Assistant model params: Temperature / max tokens / seed / thinking switch forwarded to API
• 🎯 Collapsible sidebar: 220px → 64px, hover popup, localStorage persisted
• 📊 Monitoring module: API topology + alert rules + alert records
• 🛒 Marketplace: 5 entry types, GitHub PR sharing workflow
• 🧠 Knowledge base + Skills: KB_SEARCH node for RAG; Skill CRUD with JSON/markdown import

Issues and PRs welcome!

1. Fork the repo
2. git checkout -b feature/xxx
3. git commit -m "feat: xxx"
4. git push origin feature/xxx
5. Open a Pull Request

MIT License

This project is a .NET 8 reimplementation of the original Juggle Java project.

Thanks to @somta and the original team!