Coderblock

一键部署到生产环境:Coderblock 如何将应用发布到 Fly.io

Coderblock 只需一次点击,即可将实时开发预览转化为可投入生产的 Web 应用。本文将介绍经过验证的发布流程;同时说明为何在缺乏已确认技术细节的情况下,我们不会断言其基础设施由 Fly.io 提供。

1 min

将应用投入生产,不应该要求你先成为部署专家。 从零打造产品时,界面完成并不意味着工作结束。你还需要连接数据库、配置身份验证、保护密钥、接入支付、管理服务器并设置域名。

Coderblock 将大部分复杂工作隐藏在幕后。你可以从一个想法开始,通过对话构建应用,在实时开发环境中进行测试,并在准备就绪后单击一次即可发布。

你不需要为了上线而将项目转换成其他格式,也不需要单独搭建部署流水线,更不必在不同基础设施之间迁移,才能将刚刚完成的项目投入生产。你开发的项目,本身就是可以直接发布的项目。

从一句提示词到实时开发应用

Coderblock 项目可以从一段简单的自然语言描述开始,也可以基于现有的产品模板创建。 你可以构建电商网站、预订平台、内部仪表盘、健康管理应用,甚至是使用 Three.js 打造的交互式体验。

AI 会将你的需求转化为真正的全栈应用。

对于标准 Web 应用,前端使用 React、Vite、TypeScript 和 Tailwind CSS 生成,并连接到专属的 Supabase 项目,其中包括 Postgres、Supabase Auth、Storage、Row Level Security 和 Deno Edge Functions。

Enterprise Web Platform 项目则使用基于 Python 和 FastAPI 的后端,并搭配 Neon Postgres。 无论采用哪种方式,最终得到的都不是只能观看的模型,而是一款可以实际使用并继续开发的应用。

每个项目都拥有位于 <app>.coderblock.dev 的实时开发环境。当你在聊天中提出修改要求时,预览会通过热重载在数秒内完成更新。

因此,你可以自然地提出以下需求:

  • “让导航栏固定在页面顶部。”
  • “添加预订表和管理员视图。”
  • “要求用户登录后才能打开仪表盘。”
  • “允许客户每月支付 9.99 欧元。”

代理会实现你的要求,而你可以立即在预览中验证结果。

生产准备从开发阶段开始

一键部署的优势并不只来自 Publish 按钮,更取决于在点击按钮之前已经完成了多少工作。 在 Coderblock 中,数据库、身份验证、权限、存储、集成和密钥都属于同一个项目。因此,在构建应用的同时,你也在准备将其投入生产所需的基础。

数据库与访问控制

每个标准 Web 应用都在自己的 Supabase 项目中拥有真正的 Postgres 数据库。 代理可以直接通过对话创建和更新数据库结构;你也可以在 Backend 选项卡中查看数据表、已验证用户、存储和函数。 添加身份验证功能时,Coderblock 可以配置 Supabase Auth、会话管理、受保护路由和 Row Level Security。 这意味着预览并不是一个日后还要为生产环境重新构建的“假”版本。 你正在测试的应用已经拥有完整的全栈基础设施。

密钥与集成

实际应用经常需要与外部服务通信,因此也需要使用私密凭据。

Coderblock 通过专门的安全环境变量流程来管理这些信息。变量值保存在服务器端,不会被写入生成的代码或普通对话中。

当你使用自己的 STRIPE_SECRET_KEY 连接 Stripe 等服务时,也会采用同样的方式。

支付

支付功能同样可以在开发过程中直接配置。 例如,你可以提出以下要求:

创建每月 9.99 欧元的订阅,并允许订阅用户使用高级功能。

在默认的托管模式下,代理收集少量基本信息后,即可为项目配置 Stripe 账户。平台会管理 webhook,并准备好产品、价格、结账流程以及相关的前后端逻辑。

你也可以通过 BYOK 流程使用自己的 Stripe 账户。代理会通过安全的环境变量提示框索取密钥,并自动配置 webhook。无论采用哪种方式,你都可以先在测试模式下运行,之后再切换到真实交易。

单击 Publish 后会发生什么

应用准备就绪后,接下来就是最简单的一步:Publish

只需单击一次,Coderblock 就会将应用部署到 <app>.coderblock.app 的生产环境,并自动提供 SSL。 关键并不在于部署过程在技术上毫无复杂性,而在于这些复杂性不应该成为产品开发者的负担。

你不需要手动配置 Web 服务器。 你不需要从零搭建 CI/CD 流水线。 你不需要准备新的托管环境。 你不需要为生产环境重新配置前端和后端。 基础设施始终隐藏在使用体验背后。

当你继续修改产品时,流程也保持不变:更新应用,在开发环境中验证,并在新版本准备好后发布。 后续发布会使用快速热更新,从而延续开发阶段所采用的迭代式工作流。

从开发域名切换到自己的域名

<app>.coderblock.app 地址可以让你立即获得一个生产环境入口。

但如果要正式发布产品,你通常会希望使用自己的域名。 你可以前往 Settings → Domains,按照说明配置 DNS 记录并连接现有域名。

你也可以直接在 Coderblock 中购买域名。在这种情况下,域名购买、DNS 和 SSL 都由平台统一管理。 这样一来,整个流程会更加顺畅: 想法 → 开发 → 预览 → 测试 → 生产

无需再把部署变成一个独立的附加项目。

“一键部署”的真正含义

“一键”并不意味着按钮背后没有复杂的基础设施。 一个 Coderblock 应用可能包含 React 前端、Postgres 数据库、身份验证、存储、服务器端函数、密钥、支付功能和访问控制规则。 单击按钮,只是整个流程的最后一步;在此之前,所有这些组件都已经完成组装和连接。

这正是关键所在。Coderblock 不只是让你更快地生成代码,还能帮助你从最初的想法一路构建出可运行的全栈应用,并在准备就绪后直接上线,而无需同时成为基础设施专家。

构建产品。完成测试。准备好后,立即发布。

部署应该是产品与用户见面的时刻,而不是另一个技术项目开始的时刻。

立即在 Coderblock 上开始构建