15分钟极速上手!ModelEngine/app-platform环境配置与AI应用开发实战指南
你是否正面临这些挑战:- **环境配置繁琐**:从依赖安装到服务启动需10+步骤,文档零散且版本不一- **技术栈复杂**:Java后端+React前端+多框架集成,新手难以快速入门- **调试周期漫长**:环境问题占开发时间40%,阻碍AI应用创意落地本文将通过**Docker一键部署**和**源码编译双路径**,带你避开90%的配置陷阱,3步完成环境搭建,15分钟启动第一个AI对话应...
15分钟极速上手!ModelEngine/app-platform环境配置与AI应用开发实战指南
🔥 痛点直击:大模型应用开发的3大困境
你是否正面临这些挑战:
- 环境配置繁琐:从依赖安装到服务启动需10+步骤,文档零散且版本不一
- 技术栈复杂:Java后端+React前端+多框架集成,新手难以快速入门
- 调试周期漫长:环境问题占开发时间40%,阻碍AI应用创意落地
本文将通过Docker一键部署和源码编译双路径,带你避开90%的配置陷阱,3步完成环境搭建,15分钟启动第一个AI对话应用。文末附赠《环境问题速查手册》和《AI应用开发路线图》,让你从环境配置到应用上线全程丝滑!
📚 读完本文你将掌握
✅ Docker Compose极速部署全流程(推荐新手)
✅ 源码编译环境搭建与常见问题解决(开发者必备)
✅ 首个AI对话应用创建与调试完整步骤
✅ 环境配置优化技巧与性能调优建议
✅ 官方示例应用导入与二次开发方法
📌 项目架构速览
AppPlatform采用前后端分离+插件化架构,核心模块如下:
关键技术栈:
- 后端:Java 17、Spring Boot、Waterflow工作流引擎
- 前端:React 18、TypeScript、Elsa图形引擎
- 部署:Docker、Docker Compose、Maven 3.8+
🔰 快速开始:Docker Compose一键部署
前置条件检查
| 依赖项 | 版本要求 | 检查命令 |
|---|---|---|
| Docker | ≥ 20.10 | docker --version |
| Docker Compose | ≥ 2.17 | docker compose version |
| Git | 任意版本 | git --version |
部署步骤(3步完成)
1️⃣ 克隆代码仓库
git clone https://gitcode.com/ModelEngine/app-platform.git
cd app-platform
2️⃣ 配置环境变量
# 复制环境变量模板
cp docker/.env.example docker/.env
# 按需修改关键配置(可选)
# 建议首次部署保持默认,后续再根据需求调整
vi docker/.env
核心配置项说明:
# 数据库配置
POSTGRES_USER=appengine
POSTGRES_PASSWORD=appengine@123
POSTGRES_DB=appengine
# 应用端口配置
APP_PORT=8001
3️⃣ 启动服务集群
# 执行部署脚本
bash docker/deploy.sh
部署成功标志:
[+] Running 8/8
✔ Container app-platform-postgres-1 Running
✔ Container app-platform-redis-1 Running
✔ Container app-platform-backend-1 Running
✔ Container app-platform-frontend-1 Running
访问应用
打开浏览器访问:http://localhost:8001
首次访问默认账户:admin / admin@123
🔧 开发者路线:源码编译与本地开发
环境准备清单
| 组件 | 版本要求 | 下载地址 |
|---|---|---|
| JDK | 17 LTS | Oracle JDK |
| Node.js | ≥ 20 | Node.js官网 |
| PostgreSQL | ≥ 14 | PostgreSQL下载 |
| Maven | ≥ 3.8.8 | Maven官网 |
后端编译步骤
1️⃣ 初始化数据库
# Windows系统
cd shell
sh build_win.sh localhost 5432 postgres postgres
# Linux系统(待支持)
2️⃣ 编译项目
# 跳过测试快速编译
mvn clean install -DskipTests
# 输出目录:./build/
3️⃣ 配置FIT框架
# 1. 编译FIT框架(v3.5.1版本)
git clone https://github.com/ModelEngine-Group/fit-framework.git
cd fit-framework
git checkout v3.5.1
mvn clean install -DskipTests
# 2. 复制插件到FIT框架
cp -r ./build/plugins/* ${FIT_FRAMEWORK_PATH}/build/plugins/
cp -r ./build/shared/* ${FIT_FRAMEWORK_PATH}/build/shared/
# 3. 删除冲突插件
rm ${FIT_FRAMEWORK_PATH}/build/plugins/fel-tool-*
4️⃣ 启动后端服务
cd ${FIT_FRAMEWORK_PATH}/build/bin
fit start -Dfit.profiles.active=prod
前端编译步骤
1️⃣ 配置ELSA框架依赖
cd frontend
# 修改package.json中的ELSA依赖路径
vi package.json
修改内容:
"dependencies": {
"@fit-elsa/elsa-core": "file:/path/to/fit-framework/framework/elsa/elsa-core",
"@fit-elsa/elsa-react": "file:/path/to/fit-framework/framework/elsa/elsa-react"
}
2️⃣ 安装依赖并启动
# 安装依赖
npm install
# 启动开发服务器
npm run start
🚀 实战:创建你的第一个AI对话应用
步骤1:配置模型服务
- 登录系统后,进入「应用市场」→「模型配置应用」
- 点击右上角「创意灵感」→「开始配置」
- 在弹出的配置面板中填写:
- 模型名称:
MyFirstModel - API Key:
your_api_key - 模型地址:
https://api.openai.com/v1/chat/completions(示例)
- 模型名称:
- 点击「添加模型」完成配置
步骤2:创建空白应用
步骤3:配置对话流程
- 在应用编辑页,从左侧组件面板拖拽「对话节点」到画布
- 双击节点配置:
- 选择模型:
MyFirstModel - 系统提示词:
你是一个友好的AI助手,帮助用户解答问题
- 选择模型:
- 点击「保存」并「部署」应用
步骤4:测试应用
- 点击右上角「预览」按钮
- 在聊天框输入:
你好,介绍一下ModelEngine - 查看AI回复,验证应用正常工作
📝 常见问题速查
部署类问题
| 问题现象 | 可能原因 | 解决方案 |
|---|---|---|
| 后端启动失败,提示数据库连接错误 | PostgreSQL未启动或密码错误 | 1. 检查容器状态:docker ps | grep postgres2. 重启服务: docker restart app-platform-postgres-1 |
| 前端访问404 | Nginx配置错误 | 检查前端容器日志:docker logs app-platform-frontend-1 |
| 模型调用超时 | 网络问题或API Key错误 | 1. 测试API连通性:curl -X POST https://api.openai.com/v1/chat/completions2. 检查API Key有效性 |
开发类问题
| 问题现象 | 可能原因 | 解决方案 |
|---|---|---|
| Maven编译提示依赖缺失 | FIT框架版本不匹配 | 确保使用FIT框架v3.5.1版本 |
| 前端启动白屏 | ELSA依赖路径错误 | 重新检查package.json中的ELSA路径配置 |
| 流程编排无响应 | 浏览器兼容性问题 | 推荐使用Chrome 100+或Edge 100+版本 |
📈 进阶路线:从入门到精通
推荐学习资源
- 官方文档:项目根目录
docs文件夹 - 示例应用:
examples/app-demo目录下的JSON配置文件 - 插件开发:参考
app-builder/plugins目录下的官方插件实现
🔖 总结与展望
本文详细介绍了ModelEngine/app-platform的两种部署方式,从Docker极速部署到源码编译开发,再到实战创建AI对话应用,帮助你快速上手这个强大的大模型应用开发平台。
后续计划:
- 支持更多模型集成(通义千问、文心一言等)
- 提供可视化插件开发工具
- 增强应用监控与分析能力
立即行动,访问项目仓库开始你的AI应用开发之旅:https://gitcode.com/ModelEngine/app-platform
如果你觉得本文有帮助,请点赞收藏,关注项目更新获取更多实战教程!
更多推荐


所有评论(0)