~/VibeHandbook
$39

05 · 02

frontend、backend、数据库、托管

我们再往深一层看,用我们的例子:一个用户点击了 "保存资料"

frontend。 这是看得见的应用,跑在网页浏览器里,或者作为手机应用。它把表单画出来,注意到点击,并收集用户输入的内容。它在设计上就是不可信的:任何人都能打开它、检查它、改动它。所以它的工作是好看、响应灵敏,而不是去执行任何重要的东西。

backend。 当按钮被点击时,frontend 把数据发给 backend——也就是跑在服务器上的代码。backend 检查用户是否已登录、校验数据("这真的是一个邮箱地址吗?")、套用业务规则,然后才把它保存下来。信任就住在这里,因为用户没法篡改它。

数据库。 backend 把数据交给数据库去存储。它不是什么魔法盒子——你可以把它想成一组非常严格的电子表格(叫做表 / table),能够瞬间被检索、并且永远不会忘记。到了明天,backend 再把这份资料读出来重新显示。

托管。 在 prod(生产)环境里,这一切都不会跑在你的笔记本上。它们跑在从托管服务商那里租来的电脑上,比如 Cloudflare、Vercel,或者某个云平台。托管就是让你的应用能够通过一个真实的网址被访问到,而不仅仅是在你自己的机器上。

一个有用的直觉:当某个东西坏了的时候,问问是哪一层。"按钮点了没反应" 是 frontend。"它存错了东西" 通常是 backend。"它把我的数据忘了" 指向数据库。说出是哪一层,问题就解决了一半——同时也是写出一个 AI 能照着干的 prompt 的一半。

想离线阅读?

获取 PDF + EPUB + 可下载的提示词库 + 版本更新。

$ 获取 PDF — $39