Adorable一键发布指南从代码提交到.style.dev生产域名的全流程【免费下载链接】AdorableOpen Source Lovable项目地址: https://gitcode.com/gh_mirrors/ad/AdorableAdorable 是一款开源 AI 应用构建器你只需在聊天框里用自然语言描述需求AI 就会实时编写代码并运行配合实时预览与终端最后通过「一键发布」把应用部署到专属的.style.dev生产域名。本文用 4 个步骤带你完整走完这条从代码提交到生产上线的自动化流水线。30秒理解 Adorable 的发布模型Adorable 的部署遵循「提交即部署、发布即上线」的理念阶段域名触发方式暂存部署Staging{commit前12位}-adorable.style.dev每次提交自动触发生产部署Production你自定义的xxx.style.dev点击 Publish 按钮也就是说你根本不需要配置 CI/CD——AI 每提交一次代码系统就会自动生成一个可访问的预览地址当你确认满意后再点一下 Publish就把该版本「提升」到你的生产域名上。第一步一键启动项目打开终端执行以下命令克隆并启动 Adorablegit clone https://gitcode.com/gh_mirrors/ad/Adorable cd Adorable/adorable cp .env.example .env.local # 填入你的 OpenAI 或 Anthropic API Key npm install npm run dev然后浏览器打开 http://localhost:3000 即可进入工作区。默认使用 OpenAI 作为 AI 后端也可以在.env.local中把LLM_PROVIDER切换为claude。环境配置说明详见 README.md。第二步用对话构建应用AI 自动提交进入工作区后一切从一句话开始例如输入「make a simple chess app」。接下来你会看到✅ AI 在云端沙箱 VM 中读写代码、安装依赖、启动服务 右侧浏览器实时预览代码改动即时生效 下方终端输出开发服务器日志Committed提示表示 AI 已自动完成一次 git 提交。 关键点每一次Committed都意味着 Adorable 在后台为该提交创建了一个暂存部署域名形如d0515813-adorable.style.dev。部署状态的判断逻辑位于 deployment-status.ts。第三步配置你的 .style.dev 生产域名点击工作区右上角的Publish按钮打开发布对话框。这是整个流程的核心入口界面实现位于 publish-dialog.tsx。对话框分两步先完成第 1 步「Set up your domain」点击Set domain按钮输入你喜欢的子域名例如my-app.style.dev必须以小写字母、数字开头以.style.dev结尾点击Save。保存后该步骤会显示绿色对勾并出现可点击的线上域名。⚠️ 注意域名格式校验在后端严格把关不合法的域名会直接报错「Domain must be a valid hostname ending in .style.dev」规则见 production-domain/route.ts。第四步一键发布到生产域名配置完成后回到第 2 步「Promote a deployment」快速发布若存在比生产版本更新的已就绪部署会直接出现绿色横幅显示提交信息与时间点右侧Publish按钮即可上线指定版本发布在下方部署时间线中每条记录都有状态圆点—— 绿色已就绪、 旋转部署中、 红色失败——找到想上线的版本点击对应的Publish。点击后前端调用后端提升接口将所选部署绑定到生产域名并记录当前生产版本详见 promote/route.ts。发布成功后该条部署会标记为production打开你的xxx.style.dev域名就能访问线上应用了。常见问题快速排查发布按钮置灰确认已配置.style.dev生产域名且至少存在一个live状态的部署——先给 AI 发条消息触发首次构建。部署一直转圈部署是异步的可等待几十秒若最终变红通常是应用代码本身报错查看终端日志定位即可。想回滚到旧版本简单在时间线中找到旧版本点击 Publish它会立即替换生产环境指向的部署。小结Adorable 把「AI 写代码 → 自动部署 → 一键上线」压缩到了三步对话的距离提交即有预览、满意就发布上线全程零配置。现在就可以克隆仓库、配置好 API Key体验一次从一句话到.style.dev生产域名的完整旅程。【免费下载链接】AdorableOpen Source Lovable项目地址: https://gitcode.com/gh_mirrors/ad/Adorable创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Adorable一键发布指南：从代码提交到.style.dev生产域名的全流程
Adorable一键发布指南从代码提交到.style.dev生产域名的全流程【免费下载链接】AdorableOpen Source Lovable项目地址: https://gitcode.com/gh_mirrors/ad/AdorableAdorable 是一款开源 AI 应用构建器你只需在聊天框里用自然语言描述需求AI 就会实时编写代码并运行配合实时预览与终端最后通过「一键发布」把应用部署到专属的.style.dev生产域名。本文用 4 个步骤带你完整走完这条从代码提交到生产上线的自动化流水线。30秒理解 Adorable 的发布模型Adorable 的部署遵循「提交即部署、发布即上线」的理念阶段域名触发方式暂存部署Staging{commit前12位}-adorable.style.dev每次提交自动触发生产部署Production你自定义的xxx.style.dev点击 Publish 按钮也就是说你根本不需要配置 CI/CD——AI 每提交一次代码系统就会自动生成一个可访问的预览地址当你确认满意后再点一下 Publish就把该版本「提升」到你的生产域名上。第一步一键启动项目打开终端执行以下命令克隆并启动 Adorablegit clone https://gitcode.com/gh_mirrors/ad/Adorable cd Adorable/adorable cp .env.example .env.local # 填入你的 OpenAI 或 Anthropic API Key npm install npm run dev然后浏览器打开 http://localhost:3000 即可进入工作区。默认使用 OpenAI 作为 AI 后端也可以在.env.local中把LLM_PROVIDER切换为claude。环境配置说明详见 README.md。第二步用对话构建应用AI 自动提交进入工作区后一切从一句话开始例如输入「make a simple chess app」。接下来你会看到✅ AI 在云端沙箱 VM 中读写代码、安装依赖、启动服务 右侧浏览器实时预览代码改动即时生效 下方终端输出开发服务器日志Committed提示表示 AI 已自动完成一次 git 提交。 关键点每一次Committed都意味着 Adorable 在后台为该提交创建了一个暂存部署域名形如d0515813-adorable.style.dev。部署状态的判断逻辑位于 deployment-status.ts。第三步配置你的 .style.dev 生产域名点击工作区右上角的Publish按钮打开发布对话框。这是整个流程的核心入口界面实现位于 publish-dialog.tsx。对话框分两步先完成第 1 步「Set up your domain」点击Set domain按钮输入你喜欢的子域名例如my-app.style.dev必须以小写字母、数字开头以.style.dev结尾点击Save。保存后该步骤会显示绿色对勾并出现可点击的线上域名。⚠️ 注意域名格式校验在后端严格把关不合法的域名会直接报错「Domain must be a valid hostname ending in .style.dev」规则见 production-domain/route.ts。第四步一键发布到生产域名配置完成后回到第 2 步「Promote a deployment」快速发布若存在比生产版本更新的已就绪部署会直接出现绿色横幅显示提交信息与时间点右侧Publish按钮即可上线指定版本发布在下方部署时间线中每条记录都有状态圆点—— 绿色已就绪、 旋转部署中、 红色失败——找到想上线的版本点击对应的Publish。点击后前端调用后端提升接口将所选部署绑定到生产域名并记录当前生产版本详见 promote/route.ts。发布成功后该条部署会标记为production打开你的xxx.style.dev域名就能访问线上应用了。常见问题快速排查发布按钮置灰确认已配置.style.dev生产域名且至少存在一个live状态的部署——先给 AI 发条消息触发首次构建。部署一直转圈部署是异步的可等待几十秒若最终变红通常是应用代码本身报错查看终端日志定位即可。想回滚到旧版本简单在时间线中找到旧版本点击 Publish它会立即替换生产环境指向的部署。小结Adorable 把「AI 写代码 → 自动部署 → 一键上线」压缩到了三步对话的距离提交即有预览、满意就发布上线全程零配置。现在就可以克隆仓库、配置好 API Key体验一次从一句话到.style.dev生产域名的完整旅程。【免费下载链接】AdorableOpen Source Lovable项目地址: https://gitcode.com/gh_mirrors/ad/Adorable创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考