建站基础
VPS、服务器、域名、前端、后端……想建网站或部署AI应用?这些概念必须先搞懂。
什么是服务器?
服务器(Server)就是一台24小时不关机的电脑,专门用来存放网站、运行程序、处理请求。
- ●关机就断网
- ●只有你一个人用
- ●在家里,别人访问不到
- ●配置有限
- ●24小时不关机
- ●可以同时服务几万人
- ●在数据中心,全球可访问
- ●配置可以很强
你打开任何一个网站(百度、淘宝、Google),背后都有一台(或几千台)服务器在运行。
服务器 = 一台放在机房里的电脑,专门用来给别人提供服务。
什么是VPS?
VPS = Virtual Private Server(虚拟专用服务器)。就是从一台大服务器上切出来的一小块,专门给你用。
虽然是"切出来的一小块",但对你来说跟一台独立服务器没区别:
- 有自己的 IP 地址
- 可以自由安装任何软件
- 可以重启、关机
- 有 root(管理员)权限
- 别人看不到你的数据
VPS 能做什么?
VPS vs 其他方案
| 方案 | 说明 | 价格 | 自由度 | 适合 |
|---|---|---|---|---|
| 虚拟主机 | 共享一台服务器,只能放网站 | 几十元/年 | ⭐ | 纯静态网站、WordPress博客 |
| VPS | 虚拟化的独立小服务器 | 几十~几百元/月 | ⭐⭐⭐⭐ | 个人网站、AI应用、小项目 |
| 云服务器(ECS) | 阿里云/腾讯云/AWS的VPS | 几百元/月起 | ⭐⭐⭐⭐⭐ | 企业应用、生产环境 |
| 独立服务器 | 一整台物理服务器都是你的 | 几千元/月 | ⭐⭐⭐⭐⭐ | 大型应用、高流量 |
| Vercel/Netlify | 免费托管前端网站 | 免费 | ⭐⭐ | 静态网站、前端项目 |
| Railway/Render | 免费托管后端服务 | 有免费额度 | ⭐⭐⭐ | 小型后端、API服务 |
新手练手 → Vercel(免费部署前端)
个人项目 → VPS(便宜、自由)
企业生产 → 云服务器 ECS(稳定、可扩展)
为什么需要VPS?
如果你只是写了个网页,想让全世界都能访问,你需要一台一直在线的电脑来放它。这就是VPS。
VPS vs 本地电脑
- ●关机就断网
- ●家里断电就挂了
- ●带宽小,访问慢
- ●没有公网IP
- ●不安全
- ●24小时不关机
- ●机房有备用电源
- ●带宽大,访问快
- ●有固定公网IP
- ●专业安全防护
怎么买VPS?
国内厂商(需要备案)
| 厂商 | 最低价格 | 特点 |
|---|---|---|
| 阿里云 | ~50元/月 | 国内最大,生态完善 |
| 腾讯云 | ~40元/月 | 学生优惠,轻量服务器 |
| 华为云 | ~50元/月 | 企业级 |
海外厂商(不需要备案)
| 厂商 | 最低价格 | 特点 |
|---|---|---|
| Vultr | $2.5/月 | 按小时计费,随时删除 |
| BandwagonHost | $49/年 | 便宜稳定,适合新手 |
| RackNerd | $10/年 | 超便宜 |
| AWS Lightsail | $3.5/月 | 亚马逊出品 |
购买流程
新手推荐配置:1核CPU + 1GB内存 + 20GB硬盘 + Ubuntu系统。够跑个人网站和小型AI应用。
什么是域名?
域名(Domain)就是你网站的"名字",比如 google.com、baidu.com。
为什么需要域名?
VPS 的地址是一串数字,比如 46.151.33.195。没人记得住。域名就是给这串数字起个好记的名字。
域名的结构
常见顶级域名
怎么注册域名?
域名注册商
| 注册商 | .com 价格 | 特点 |
|---|---|---|
| Cloudflare | ~$10/年 | 成本价,无溢价,自带CDN和DNS |
| Namesilo | ~$10/年 | 便宜,免费隐私保护 |
| 阿里云万网 | ~55元/年 | 国内最大,.cn域名首选 |
| 腾讯云 | ~55元/年 | 和腾讯云服务器集成好 |
| GoDaddy | ~$12/年 | 全球最大,但续费贵 |
域名注册首选 Cloudflare(成本价,无溢价)。服务器和域名可以在不同平台买,没关系。
DNS 解析
DNS(Domain Name System)= 域名和IP地址之间的"电话簿"。
当用户输入域名,DNS 服务器会告诉你这个域名对应哪个 IP 地址。
常见的DNS记录类型
| 类型 | 作用 | 例子 |
|---|---|---|
| A记录 | 域名 → IPv4地址 | example.com → 46.151.33.195 |
| AAAA记录 | 域名 → IPv6地址 | example.com → 2606:4700:: |
| CNAME记录 | 域名 → 另一个域名 | www.example.com → example.com |
| MX记录 | 邮件服务器 | 收邮件用 |
什么是前端?
前端(Frontend)= 用户能看到、能摸到的部分。网页的样式、按钮、动画、图片……都是前端。
前端三件套
前端框架(让开发更快)
前端是什么?用餐厅比喻
前端 = 餐厅的装修和菜单。你看到漂亮的装修、精美的菜单、友好的服务员——这些都是"前端"。
什么是后端?
后端(Backend)= 用户看不到的部分。处理数据、存数据库、运行逻辑……都在后端。
后端做什么?
- 处理请求:用户点"登录",后端验证用户名密码
- 读写数据库:保存用户信息、查询商品列表
- 业务逻辑:计算价格、发送邮件、生成报表
- 调用AI:把用户的问题发给 OpenAI API,返回结果
后端技术
后端是什么?用餐厅比喻
后端 = 厨房。你在外面看不到厨房里发生了什么,但没有厨房就做不出菜。
前端 vs 后端
- ●用户能看到的部分
- ●HTML + CSS + JavaScript
- ●负责:样式、交互、动画
- ●像餐厅的装修和菜单
- ●运行在用户的浏览器里
- ●用户看不到的部分
- ●Node.js / Python / Java
- ●负责:数据处理、业务逻辑
- ●像餐厅的厨房
- ●运行在服务器上
一个完整的请求流程
举个例子:用户登录
什么是全栈?
全栈(Full Stack)= 前端 + 后端都会。一个人能搞定整个网站。
以前学全栈要好几年。现在用 Cursor + AI,一个人几天就能搞定前后端。理解概念比记语法更重要。
怎么部署网站?
部署(Deploy)= 把你的代码上传到服务器,让全世界都能访问。
免费部署方案(前端)
| 平台 | 特点 | 适合 |
|---|---|---|
| Vercel | Next.js 官方推荐,一键部署 | Next.js / React 项目 |
| Netlify | 静态网站托管,免费CDN | 静态网站、博客 |
| Cloudflare Pages | 免费、快速、全球CDN | 静态网站 |
| GitHub Pages | GitHub 免费托管 | 个人项目、文档 |
VPS 部署流程
Nginx 是什么?
Nginx(读作"engine-x")= 网站的门卫。当用户访问你的域名时,Nginx 负责:
- 接收用户的请求
- 判断请求哪个网站(一台VPS可以放多个网站)
- 把请求转发给对应的程序
- 把结果返回给用户
从零建站完整流程
详细步骤
- 买域名:在 Cloudflare 或 Namesilo 注册,~$10/年
- 买VPS:在 Vultr 或 BandwagonHost 购买,$3-5/月
- DNS解析:在域名管理面板添加 A 记录,指向 VPS 的 IP
- SSH连接VPS:用终端
ssh root@你的IP - 安装环境:Node.js / Python / Nginx
- 上传代码:用 git clone 或 scp 上传
- 配置Nginx:设置域名和端口映射
- 安装SSL证书:用 Let's Encrypt 免费证书(https)
- 完成!输入域名就能访问你的网站
AI 应用怎么部署?
纯前端 AI 应用(调用 OpenAI API)
如果你的 AI 应用只是前端调 API,不需要VPS:
有后端的 AI 应用
如果需要后端处理(数据库、用户系统、Agent):
用 Docker 部署(推荐)
Docker = 把你的应用打包成一个"集装箱",在任何服务器上都能跑。
常见问题
Q: VPS 和云服务器有什么区别?
本质一样,都是虚拟化的服务器。VPS 通常指小厂商的小机器;云服务器指阿里云/腾讯云/AWS 的大平台产品,更稳定、可扩展。
Q: 域名和VPS必须在同一家买吗?
不需要。域名在 Cloudflare 买,VPS 在 Vultr 买,完全没问题。只要在 DNS 里把域名指向 VPS 的 IP 就行。
Q: 不会 Linux 能用 VPS 吗?
可以。现在有很多图形化面板(比如 1Panel、宝塔面板),点几下鼠标就能装环境、部署网站。但建议学基本的 Linux 命令。
Q: 前端和后端哪个更重要?
都重要。没有前端,用户看不到东西;没有后端,网站没有功能。AI 时代,全栈能力最有价值。
Q: 我应该先学前端还是后端?
Q: 建一个网站要多少钱?
| 方案 | 费用 | 说明 |
|---|---|---|
| 最省钱 | 0 元 | Vercel 免费部署 + 免费域名(.vercel.app) |
| 个人项目 | ~100 元/年 | 域名 $10 + VPS $3/月 |
| 正经网站 | ~500 元/年 | 域名 + 云服务器 + SSL |
| 企业级 | 几千~几万/年 | 高配服务器 + CDN + 数据库 |