10 分钟部署 RoomGPT:AI 室内设计全流程实操
【免费下载链接】roomGPTUpload a photo of your room to generate your dream room with AI.项目地址: https://gitcode.com/gh_mirrors/ro/roomGPT
RoomGPT 是一款开源的 AI 室内设计工具:上传一张房间照片,选择风格,几十秒内生成改造后的梦想房间设计图。本文带你走通 RoomGPT 部署的本地与云端一键两条路径,开发者与零基础读者都能照着操作。
⚡ 核心能力速览
RoomGPT 的核心产出是基于真实房间照片生成的设计图,提供 5 种主题(Modern、Minimalist、Professional、Tropical、Vintage)和 6 种房间类型可选。以下三张是典型效果:
明亮大窗的极简卧室,适合想要"清爽通透"风格的用户。
暗色调的家庭影院场景,适合把客厅改造成影音或游戏空间。
打开主界面后,只需上传照片、选风格与房间类型,等待生成即可。
🚀 部署与安装
RoomGPT 部署只有一项前置条件:一个 Replicate API key。下面两条路径,按你的情况选一条。
路径一:本地部署最简步骤(适合有 Node.js 环境的开发者)
第一步:获取 API key
在 Replicate 注册账号,点页面左上角头像,进入 "API Tokens" 菜单,复制你的 token。
第二步:克隆仓库
git clone https://gitcode.com/gh_mirrors/ro/roomGPT cd roomGPT第三步:配置环境变量
在项目根目录新建.env文件,填入 key:
REPLICATE_API_KEY=粘贴你的API密钥如果想按 IP 做限流,可以额外配置 Upstash Redis 的两个环境变量;不配置也不影响运行。
第四步:安装依赖并启动
npm install npm run dev路径二:云端一键部署(适合零技术背景读者)
- 在 Vercel 新建项目,导入 roomGPT 仓库。
- 在环境变量配置中填写
REPLICATE_API_KEY及其值。 - 等部署完成,浏览器打开 Vercel 分配的域名。
这条路径不需要任何本地环境,约 2 分钟就能拿到可访问的地址。
如何判断部署成功
打开页面应能看到带 "Redesign your room for free" 按钮的界面。上传一张房间照片,选择主题和房间类型,10~30 秒内返回生成图,即部署成功。
📸 实际效果
下面这组是 AI 室内设计中典型的"输入 → 输出"对比:
输入:一张真实的客厅照片,杂物较多、光线一般。
输出:按 Modern 风格重新生成后,家具与灯光被整体替换,但房间原有的门窗和墙面结构保持不变。
⚙️ 技术栈与关键模块
- 前端:React 18 + Tailwind CSS
- 后端:Next.js API Routes
- AI 模型:ControlNet(托管于 Replicate)
- 图片存储:Bytescale
- 限流:Upstash Redis(可选)
两个值得看的文件:
- app/generate/route.ts:核心生图 API,把图片和提示词发给 Replicate 并每秒轮询,直到结果就绪
- utils/dropdownTypes.ts:定义界面上可选的 5 种主题与 6 种房间类型
❓ 常见问题
生成一张设计图需要多久?
通常 10~30 秒。后端每秒轮询一次模型状态,耗时主要取决于 Replicate 服务当时的排队情况。
每天能生成多少次?
配置了 Redis 限流时,每个 IP 每天限 5 次;未配置则应用侧不限,最终受你 Replicate 账号额度约束。
环境变量最少要配置什么?
只有REPLICATE_API_KEY是必须的,Upstash Redis 的两个变量仅在开启限流时需要。
📝 小结
RoomGPT 把"看看房间改造后会是什么样"这件事,压缩成一次上传和几十秒的等待,唯一的门槛是一个 API key。本地与云端两条部署路径,总有一条适合你。clone 下来跑一遍,再拍一张自己房间的照片试试。
【免费下载链接】roomGPTUpload a photo of your room to generate your dream room with AI.项目地址: https://gitcode.com/gh_mirrors/ro/roomGPT
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考