Coderblock

Coderblock 现已支持一键生产部署

Coderblock 用户现在只需单击一下,即可将全栈 Web 应用从开发预览发布到生产环境。发布后可获得启用 SSL 的 coderblock.app 地址,并支持自定义域名和快速更新。

1 min

从对话到生产环境,只需单击一下

Coderblock 推出一键生产部署功能,让你可以更轻松地把通过聊天创建并不断完善的应用,变成可在线分享的正式产品。

开发期间,每个项目都会在 <app>.coderblock.dev 地址上提供实时预览。应用准备就绪后,只需选择发布,即可在专属的 <app>.coderblock.app 地址上创建生产版本,并自动启用 SSL。 你还可以直接为项目绑定自定义域名。

从构想到发布,整个流程顺畅连贯:无需导出应用,无需手动配置托管服务,也不必单独搭建部署所需的基础设施。

从创意到正式上线的应用

在 Coderblock 中,你可以从一段自然语言描述、产品模板或现有项目开始创建。 AI 会生成应用,并支持通过对话进行修改。例如,你可以提出:

  • “添加登录功能,并保护账户页面。”
  • “创建一个管理员仪表盘。”
  • “添加一张预订信息表。”
  • “让客户可以按月订阅付费。”
  • “优化仪表盘在移动端的布局。”

在此过程中,你可以通过实时预览检查每一次修改。结果满足项目要求后,点击发布,即可将最新批准的版本部署到生产环境。

无需切换到外部部署服务,也不必手动重建应用基础设施。 在各个阶段,项目始终位于同一个 Coderblock 环境中:创建、开发、检查和发布

真正的全栈部署

部署并不仅限于前端界面。 Coderblock 应用可以包含真正的后端、数据库、身份验证、存储和服务端函数。对于标准 Web 应用,前端采用 React、Vite、TypeScript 和 Tailwind CSS;每个项目还拥有独立的 Supabase 环境,包含 Postgres、Auth、Storage、Row Level Security 和 Deno Edge Functions。

这意味着你发布的应用可以使用真实的数据和业务逻辑,而不仅仅是静态页面或可视化原型。

例如,一款预订应用可以包含:

  • 用户账户和身份验证;
  • 持久化的可用时段与预订数据;
  • 角色和权限;
  • 管理员仪表盘;
  • 通过 Row Level Security 保护的数据;
  • 后端函数;
  • 支付和订阅。

发布前,你可以在后端选项卡中检查项目资源,包括数据表、已验证用户、存储和函数。

发布到你自己的域名

每个已发布的应用都会自动获得一个 <app>.coderblock.app 生产环境地址。 如果希望使用更具个性化的品牌标识,Coderblock 也支持自定义域名。 在设置 → 域名中,你可以:

绑定现有域名

如果你已经拥有域名,可以按照引导说明配置 DNS,并将其绑定到项目。

直接在 Coderblock 购买域名

你也可以直接在平台内购买新域名。在这种情况下,结账、DNS 配置和 SSL 都由 Coderblock 直接处理。 无论采用哪种方式,发布时都会包含 SSL 证书。

上线后继续开发

部署并不意味着开发流程的结束。 应用发布后,你可以返回项目,继续通过聊天进行修改。 例如,你可以提出:

“为管理员仪表盘添加日期筛选器。”

或者:

“在用户资料中添加电话号码字段。”

修改完成后,可以先在开发预览中再次检查,然后再发布。 后续发布会使用热更新(hot update),无需手动重复整个部署流程,即可快速将已批准的修改推送到生产环境。 由此形成一个简单的工作循环: 构建 → 预览 → 测试 → 发布 → 迭代

从聊天到真正上线的应用

一键部署完善了 Coderblock 的核心工作流程。 我们的目标不只是帮助你生成代码或制作原型,而是让你能够在同一个工作环境中,将创意描述变成真正上线的应用。 你可以从零开始,也可以使用模板;通过聊天构建产品,在实时预览中检查效果,并在准备就绪后正式发布。

一个创意。一场对话。一个在线应用。

立即在 Coderblock 上开始构建