前后端的约定
API
规定前端要怎么提问，后端会怎么回答。
例如：获取订单、创建用户
The big picture
一个 APP 的基础架构
把它想成一场接力：每一部分只做自己擅长的事，再把信息交给下一部分。
操作
用户
点击、输入、查看结果
点击 / 输入
浏览器
前端
展示界面，收集操作
API 请求
服务器
后端
检查规则，处理任务
读取 / 写入
数据
数据库
长期保存重要信息
部署平台 让 APP 能被访问
AI / 第三方服务 提供额外能力
文件存储 保存图片和附件
信息通常这样往返：① 用户发起操作② 前端发送请求③ 后端处理并读写数据④ 结果原路返回
Core concepts
六个概念，先有个印象
点击前三张卡片继续学习
看得见、点得到
前端
负责页面和互动，把用户的操作变成请求。
例如：登录框、商品列表、按钮
在幕后完成工作
后端
检查规则、处理请求，并决定可以读写哪些数据。
例如：登录验证、计算价格、发邮件
把重要信息放好
数据库
长期保存数据，并在需要时快速把它找回来。
例如：用户、订单、文章
把 APP 放到网上
部署
让其他人通过一个网址访问你的作品。
例如：Vercel、Cloudflare
擅长理解和生成
AI Model
通过 API 接入 APP，完成对话、总结或分类。
例如：聊天助手、文档总结
One complete journey
一次登录，信息经历了什么？
01
用户点击登录
前端收集邮箱和密码
02
前端发出请求
把信息交给登录 API
03
后端检查身份
确认密码和权限
04
数据库返回用户
找到对应的用户记录
05
页面显示结果
成功进入，或提示错误
Next step
准备好拆开第一层了吗？
从用户最先看到的前端开始。