域名 / HTTPS / DNS:上线前必做清单
- 走通"买域名 → 解析到部署 → 配 HTTPS 证书"的完整上线链路
- 搞懂 A 记录和 CNAME 记录分别在什么时候用,为什么解析要等生效
- 会处理 www 和裸域的取舍,知道 HTTPS 证书怎么开、混合内容警告怎么消
- 用一份域名上线 checklist 和 DNS 记录速查表,照着一步步把站绑到自己的域名上
你把 MVP 部署上线了,平台给了你一个网址:my-cool-app-x7k2.vercel.app。能用,但发出去总觉得差点意思——像个临时演示,不像个真产品。这一节就解决这件事:把你那串平台域名,换成 yourname.com 这样一个属于你自己的、带小绿锁的正经网址。 这中间要走三步:买域名、把域名解析到你的部署、配上 HTTPS。
这篇适合谁:你已经会部署(上一节部署上线讲过了),现在想给站绑个自己的域名,但一看到 "A 记录""CNAME""DNS 生效" 就一头雾水。读完你会照着清单把整条链路走通,并且真的理解每一步在干嘛。
先看全景:从一个域名到能打开,发生了什么
讲操作之前,先建立一张地图。当别人在浏览器输入 yourname.com,背后发生的事是:
- 浏览器问 DNS(域名系统,可以理解成"全球电话簿"):
yourname.com对应哪台机器? - DNS 根据你配的解析记录,回答一个 IP 地址或另一个域名。
- 浏览器照着这个地址,找到你部署所在的服务器/平台,把页面取回来。
- 如果配了 HTTPS,这一路的数据是加密的,浏览器地址栏显示一把小锁。
所以你要做的三件事,正好对应这条链路:买一个域名(在电话簿上登记一个名字)→ 配解析记录(告诉电话簿这名字指向哪)→ 开 HTTPS(给这条路加密)。 下面逐个拆。
第一步:买一个域名
域名在"域名注册商"那买,国外有 Namecheap、Cloudflare Registrar、Porkbun,国内有阿里云、腾讯云。一年几十到一百多块不等,.com 最通用。
挑域名的几个实用建议:
- 短、好记、好拼,别用一堆连字符和数字。
- 优先
.com,它最被信任;.com抢不到再考虑.io、.app、.co这类。 - 想好了就尽快买,好域名手慢就没。
提示:想不出名字,可以把产品定位一句话告诉 AI,让它"按好记、好拼、最好能注册到 .com 的标准,给 20 个域名候选"。批量出再去注册商查哪个还没被注册。
买完,你就拥有了这个名字一年的使用权。但此刻它还指向不了任何地方——下一步才是关键。
第二步:配 DNS 解析,把域名指向你的部署
这是整件事的核心,也是最容易卡的地方。你要在域名管理后台(注册商提供,或托管平台代管)里,加几条解析记录,告诉 DNS "这个域名指向哪"。
增量一:DNS 记录类型速查小表
| 记录类型 | 作用 | 典型用在哪 |
|---|---|---|
| A 记录 | 把域名指向一个 IP 地址 | 你有自有服务器、知道它的 IP 时 |
| CNAME 记录 | 把域名指向另一个域名 | 用 Vercel/Netlify/Cloudflare 平台,它给你一个域名让你 CNAME 过去 |
| TXT 记录 | 存一段文本,常用于"验证你拥有这个域名" | 平台/邮箱服务要你做域名验证时 |
| MX 记录 | 指向收邮件的服务器 | 你想用 @yourname.com 收发邮件时 |
对绝大多数人来说,绑定部署只用前两种,记住这条判断:
- 用前端托管平台(Vercel/Netlify/Cloudflare):平台会让你加一条 CNAME 指向它给的域名(如
cname.vercel-dns.com,具体值以平台为准)。 - 指向自有服务器:你知道服务器的固定 IP,就加一条 A 记录 指向那个 IP。
实际怎么配
最常见的场景——绑前端平台:
- 在托管平台找到 "Domains / 自定义域名" 设置,把你的域名
yourname.com填进去。 - 平台会告诉你该加什么记录:通常是给裸域加一条记录、给
www加一条 CNAME,具体值它会列出来。 - 去你的域名管理后台,照平台给的值,一条条加上去。
- 回到平台,等它检测到解析生效,状态会从"待验证"变成"已激活"。
你应该看到什么:刚配完,平台多半显示"等待 DNS 生效 / Pending"。这正常。
为什么解析要等生效?
你改了解析记录,不是全世界立刻就知道。DNS 有缓存机制——各地的 DNS 服务器会把记录缓存一段时间(由 TTL 值决定),过期了才去重新查。所以新记录要在全球逐步传播,可能几分钟,也可能要几个小时。
这叫 DNS 传播(propagation)。别因为刚配完打不开就以为配错了,先等一等。想确认到底生效没,可以用命令查一下(机制通用,具体工具以系统为准):
# 查你的域名当前解析到哪(Mac/Linux/新版 Windows 都有 nslookup)
nslookup yourname.com
你应该看到什么:如果返回的 IP / CNAME 跟你配的一致,说明你这边的 DNS 已经能查到了。也有专门的"DNS 传播检测"网站能看全球各地的生效情况。
第三步:开 HTTPS,让地址栏出现小绿锁
HTTPS 是给你网站加密的协议——没有它,浏览器会给你的站打上"不安全"标签,用户一看就跑。好消息是:现在开 HTTPS 基本不要钱,而且多数情况是自动的。
- 用前端托管平台:你绑定域名、解析生效后,平台会自动帮你申请并配好 HTTPS 证书(基于 Let's Encrypt 这类免费证书)。你几乎什么都不用做,等它从"配置中"变成"已启用"即可。
- 用自有服务器:要自己申请证书。最常用的是 Let's Encrypt 提供的免费证书,配合自动化工具(如 certbot)申请和续期。证书有有效期,到期要续——自动化工具能帮你定时自动续,别让它过期,过期了用户访问就会满屏警告。具体命令以官方文档为准。
你应该看到什么:HTTPS 生效后,用 https://yourname.com 打开,浏览器地址栏出现一把锁的图标,没有"不安全"红字。这就成了。
www 和裸域怎么处理
yourname.com(裸域)和 www.yourname.com(带 www)在技术上是两个不同的地址。你得决定哪个是正主,并把另一个重定向过去,否则两个都能打开会分散权重、显得不专业。
做法:选一个当主(现在多数人选裸域 yourname.com),然后给另一个配一条重定向规则,让访问 www 的人自动跳到裸域(或反过来)。前端平台一般有现成的"重定向 www 到裸域"开关;自有服务器在 Nginx 里写一条 301 重定向。两个地址都要能解析、都要有 HTTPS,只是其中一个自动跳到另一个。
关于备案:国内服务器绕不开的一步
如果你的网站部署在中国大陆境内的服务器(阿里云、腾讯云的国内节点等),按规定必须先备案才能用域名正常访问,否则会被拦截。备案是把你的网站和身份信息在主管部门登记的过程,由你的服务器提供商协助提交,需要一定时间审核(通常按工作日计,具体时长和材料以服务商和主管部门要求为准)。
判断要不要备案的简单口诀:
- 服务器在中国大陆境内 → 需要备案,预留出审核时间,别等到要上线那天才发现卡在这。
- 服务器在境外(包括多数前端托管平台的默认节点、香港、海外 VPS) → 不需要走大陆备案。但如果主要面向国内用户,访问速度可能受影响,这是另一个权衡。
这一步没有捷径,也不是技术问题,但它能直接卡住你的上线时间,所以越早启动越好。
故障排查:绑域名卡住时照这张表查
| 现象 | 最可能的原因 | 怎么办 |
|---|---|---|
| 配完解析,域名打不开 | DNS 还没传播生效 | 先等,用 nslookup 或在线工具查是否生效;记录别配错值 |
| 等了很久还是打不开 | 记录类型/值填错(A 填了域名、CNAME 填了 IP) | 核对:指 IP 用 A,指域名用 CNAME;值跟平台给的逐字符对 |
| 能打开但提示"不安全"/没有锁 | HTTPS 证书还没签发或没启用 | 等平台证书状态变"已启用";自有服务器检查证书是否申请成功 |
| 锁是灰的/有警告,控制台报"混合内容" | 页面里混进了 http:// 开头的图片/脚本 |
把页面内所有资源链接从 http:// 改成 https:// 或相对路径 |
www 能开裸域不能开(或反过来) |
只配了一个,另一个没加记录或没设重定向 | 两个地址的解析都要加;再设一条互相重定向的规则 |
| 证书过一阵突然失效报警告 | 证书到期没续 | 平台一般自动续;自有服务器确认自动续期任务在跑 |
最常被误判的是第一行:新配的解析打不开,九成是没生效,不是配错了。 先等、先查,别急着反复改记录,越改越乱。
增量二:域名上线 checklist
一行一步,照着过:
- 买:在注册商买到心仪域名,优先
.com - 解析:照托管平台给的值,配好裸域和
www的 A / CNAME 记录 - 等生效:用
nslookup或在线工具确认解析已传播 - 证书:确认 HTTPS 已启用,
https://打开有小锁、无"不安全" - 重定向:选定裸域或 www 为主,另一个 301 跳过去
- 混合内容:F12 控制台无 mixed content 警告
- 备案(仅国内服务器):提前提交,预留审核时间
- 验证:换台设备/手机流量,输
yourname.com能正常打开、有锁
动手挑战
- 给你上一节部署好的那个站,买一个真域名(或用你已有的),把它完整绑定上去,直到
https://你的域名能打开、有小锁。 - 用
nslookup 你的域名查一次解析结果,对照你在后台配的记录,确认它们一致——亲手看懂"域名指向哪"这件事。 - 进阶:故意在页面里放一张
http://开头的图片,打开 F12 控制台看"混合内容"警告长什么样,再改成https://让警告消失。
小结 · 你现在掌握了什么
- 你走通了"买域名 → 配 DNS 解析 → 开 HTTPS"整条上线链路,知道每一环在地图上的位置。
- 你分得清 A 记录和 CNAME 各自该用在哪,理解了解析为什么要等生效,不会再一打不开就乱改。
- 你会处理 www 和裸域、消除混合内容警告,也知道国内服务器要提前备案、别让它卡住上线日。
一个属于自己的、带小绿锁的域名,是产品给人的第一印象。这步做扎实,你的 MVP 看起来就不再像个临时演示,而像个真东西。
下一步:域名和页面都齐了,接下来你会想给产品加上"能存数据、能登录"的后端能力——去看本级数据库与后端那一节,把 Supabase、云数据库、Serverless 怎么接讲明白;想看自己在整条路上的位置,对照三支柱路线图。
👉 看看我们的 AI 编程实战体系课,或逛 AI 编程教程大全 把基本功打扎实。