这一篇讲后端。很多做 Vibe Coding 的人只做前端页面,不碰后端。但如果你想做一个完整的应用——用户注册、数据保存、登录状态——你至少需要知道后端那些词是什么意思,才能在 AI 生成后端代码时说对话。VibeHub 后端 tab 覆盖了从"用户输入网址"到"服务器返回页面"的全过程。
网络基础:数据是怎么跑到你屏幕上的
域名(Domain)
你输到浏览器地址栏里的那个名字,比如 vibe-hub.org、google.com。域名是给人看的,电脑看不懂"vibe-hub.org",它看的是 IP 地址(一串数字)。
VibeHub 里的原话:"域名是人们用来访问网站的易记名称,会通过 DNS 对应到实际服务地址。"
跟 AI 说什么:告诉 AI "帮我查一下这个域名能不能注册"或者"我的域名是 mysite.com,部署后绑定到这个域名"。
DNS 解析
你在浏览器输入域名,浏览器先去查 DNS(就像查电话簿),找到域名对应的 IP 地址,然后才去那个地址拿数据。
VibeHub 里的原话:"DNS 是把域名查询为 IP 地址或其他服务记录的互联网名称解析系统。浏览器→DNS 电话簿→查到记录→按 IP 上门→拿回网页。"
跟 AI 说什么:部署网站后发现域名打不开,跟 AI 说"DNS 解析可能有延迟,检查一下域名解析记录"。
网址(URL)
网址是完整的地址,里面包含了协议、域名、路径、参数和锚点。
https://vibeui.dev/components/button?tab=demo#anatomy协议://域名/路径?参数#锚点
AI就知道用 GET 请求去拿 id 为 123 的用户数据。
API 接口
API 是不同程序之间对话的约定。前端要拿用户数据,就调一个 API——发一个请求到指定地址,后端收到后返回数据。
喂给 AI 的话:"帮我写一个 API 接口:GET /api/users,返回用户列表。响应格式 JSON,包含 id/name/email/avatar。"
HTTP 请求
HTTP 是浏览器和服务器之间传输数据的协议。主要分几种:
VibeHub 里的原话:"HTTP 是浏览器与服务器之间传递请求和响应数据的网络通信协议。GET —— 拿数据。POST —— 交数据。"
喂给 AI 的话:"创建用户的 API 用 POST /api/users,请求体包含 name/email/password。200 返回创建成功,400 返回参数校验失败。"
JSON 数据
JSON 是一种用 {} 和 [] 表示数据和结构的文本格式。前后端之间传数据就是用 JSON。
VibeHub 里的原话:"JSON 是一种用对象、数组和基础值表示结构化数据的文本格式。"
HTTPS(安全连接)
加了加密的 HTTP。浏览器地址栏显示小锁 🔒 的就是 HTTPS。现在所有正经网站都必须用 HTTPS,不然浏览器会直接警告用户"不安全"。
VibeHub 里的原话:"HTTPS 是在 HTTP 连接上加入加密和证书校验的安全通信协议。现在没有小锁,浏览器会直接劝退用户。"
跟 AI 说什么:部署时说"用 HTTPS,自动申请 SSL 证书",AI 知道要配 Let's Encrypt 或者用平台自动证书。
CDN 加速
把网站的文件(图片、CSS、JS)复制到全球多个服务器上。用户访问时从离他最近的服务器拿文件,加载更快。
VibeHub 里的原话:"CDN 是把可缓存的网站文件分发到多个边缘节点,以便就近提供内容的网络服务。香港节点 18ms、法兰克福节点 22ms、洛杉矶节点 26ms。"
喂给 AI 的话:"静态资源(图片、CSS、JS)走 CDN 加速。源站在香港,分发到全球主要节点。"
后端入门:后端到底在做什么
后端(Backend)
后端是运行在服务器上的程序。用户在前端页面点了一个按钮,按钮发请求到后端,后端处理数据、读写数据库、返回结果。
VibeHub 里的原话:"后端是运行在服务器上、接收请求并处理数据和业务规则的程序。浏览器发 POST /api/signup → 路由接收 → 校验规则 → 读写数据库 → 返回 201 Created。"
喂给 AI 的话:"帮我写一个后端项目。注册接口 POST /api/signup:接收 email/password,校验邮箱格式、密码至少 8 位,存入数据库,返回 userId。"
终端命令行(Terminal)
就是你打开的那个黑框框或者 vscode 下面的终端面板。在里面输入命令操作电脑。
npm(包管理)
npm 是 Node.js 的包管理工具。你想要的轮子(库、框架、工具)都在 npm 上可以安装。一个命令 npm install xxx 就能装。
VibeHub 里的原话:"npm 是安装、管理和运行 JavaScript 项目依赖与脚本的包管理工具。package.json 里写依赖 → npm install → node_modules 仓库里下载好所有包。"
喂给 AI 的话:"新建一个项目,npm init -y 初始化,然后 npm install express 安装后端框架。"
后端语言
写后端程序有多种语言可选:JavaScript/TypeScript(Node.js)、Python、Go、Java、PHP。
VibeHub 里的原话:"后端语言是用来编写服务器程序、处理请求和数据的编程语言。JS/TS / Python / Go / Java / PHP。先选一门做完整项目,再横向比较。"
选哪个:如果你已经在做 Vibe Coding 的前端部分(用了 JS),那后端也选 JavaScript/TypeScript,这样前后端用同一种语言,AI 生成时也少切换。
后端框架
框架就是一套帮你组织代码的工具。用框架你就不用从零写路由、中间件、错误处理。
VibeHub 里的原话:"后端框架是一套组织服务器代码、提供路由和错误处理等能力的工具。TypeScript → Next.js / Express → 提供路由·中间件·响应。"
常见的:Node.js 用 Express 或 Next.js、Python 用 FastAPI 或 Django、Go 用 Gin。
喂给 AI 的话:"用 Express 框架创建后端项目。目录结构:routes/ controllers/ models/ middleware/。"
路由与端点(Route & Endpoint)
路由就是把"某个网址 + 某个 HTTP 方法"指向"某段处理代码"。
VibeHub 里的原话:"路由与端点是用 HTTP 方法和网址路径定位服务器处理代码的规则与入口。GET /api/posts → 查文章列表。POST /api/posts → 创建文章。GET /api/posts/:id → 查单篇文章。"
喂给 AI 的话:"创建 3 个路由:
- DELETE /api/users/:id → 删除指定用户"
现学现用:完整的后端入门 prompt
"帮我用 Express 搭建一个后端项目:
- 目录结构:routes/、controllers/、models/
- 3 个 API:GET /api/items(查列表)、POST /api/items(新增)、DELETE /api/items/:id(删除)
- npm scripts:npm run dev(nodemon 热重载)、npm start(正式运行)"