导语:
IP:5000能访问,但这不是"门面"。配上域名和 HTTPS,你的项目才算正式上线——这篇做完,第一个里程碑达成。
25 篇结束时,你的待办应用已经在线了——但访问地址是 http://你的IP:5000,像"没挂牌的店":地址难记、没有加密、看着不像正经项目。
这一篇做三件事,让它正式"开门营业":Nginx 反代(17 篇落地)→ 绑定域名(19 篇落地)→ 免费 HTTPS(09 篇落地)。 做完,你的项目正式上线。
一、"门面"三步走
| 步骤 | 做什么 | 结果 |
|---|---|---|
| ① Nginx 反代 | 你的域名 转发到 127.0.0.1:5000 |
不用记端口号 |
| ② 绑定域名 | DNS 把域名解析到服务器 IP | 地址好记 |
| ③ 免费 HTTPS | 申请 Let's Encrypt 证书 | 地址栏有锁,加密访问 |
经验:三步按顺序做,每步验证完再下一步——先 IP:端口 通(25 篇)、再 域名 通、最后 HTTPS 通(19 篇排查按链路的思路)。
二、第一步:Nginx 反向代理
17 篇你学过 Nginx 的配置三行,这里实战用上。让 AI 基于你的项目生成站点配置:
"我的待办应用跑在 127.0.0.1:5000(Docker 部署)。帮我写 Nginx 站点配置:把 我的域名.com 的 80 端口请求反代到 127.0.0.1:5000。写清楚配置文件放哪、怎么启用。"
配完后,17 篇的标准动作:
sudo nginx -t # 先测配置有没有语法错误
sudo systemctl reload nginx # 或 nginx -s reload:平滑生效
验证:浏览器访问 http://你的域名——看到待办应用页面,反代成功!
经验:改完没生效,九成是忘了 reload(17 篇的坑)——nginx -t 过了就 reload,别省。
三、第二步:绑定域名
域名解析在域名商控制台配(19 篇反复强调:解析在域名商配,不在服务器商)。
步骤(19 篇的 A 记录):
- 打开域名商控制台 → DNS 解析。
- 添加 A 记录:主机记录
@(或www),记录值 = 你的服务器公网 IP。 - 等生效(几分钟),用在线 DNS 查询工具确认。
经验:域名先解析成功,再配 HTTPS——证书申请要求域名能访问(09 篇),解析没生效就申请,必然失败。
四、第三步:免费 HTTPS
第 09 篇讲过 Let's Encrypt——免费、自动续期、一行命令。这里实战用上:
# 用 certbot 一条命令给域名签发证书并自动配置 Nginx
sudo certbot --nginx -d 你的域名.com
签完,访问 https://你的域名——地址栏出现小锁图标,加密生效。
经验:
- 国内服务器注意备案:域名没备案,80/443 端口可能被云厂商拦截(07 篇讲过)——这是国内部署绕不开的门槛。
- 续期是自动的:certbot 默认带自动续期(定时任务),不用手动管——但偶尔检查一下"到期时间"(
certbot certificates)更稳妥。
五、完整验收
打开浏览器,走一遍"门面验收清单":
| 检查项 | 期望 |
|---|---|
访问 https://你的域名 |
页面正常打开 |
| 地址栏 | 有小锁图标 |
| 输入 IP:5000 | 仍能访问(反代没影响原入口) |
| 新增一条待办 | 功能正常(HTTPS 下数据加密传输) |
经验:"HTTPS 下页面有小锁但图片加载不出来"——多半是页面里还引用着 http:// 的资源(混合内容),浏览器默认拦截。把页面里资源链接改成 https://(或相对路径)即可。
六、里程碑:读者作品打卡
到这里,你已经完成了"从 0 做一个上线项目"的全过程——数据库、接口、页面、部署、域名、HTTPS,全是你自己一步步搭起来的。
第一个里程碑活动:作品打卡。
参与方式(选一个就行):
- 把你的项目网址(
https://你的域名)发出来。 - 或截图你的待办应用页面(能看到增删改查就行)。
- 或写一句话:"我 26 篇毕业了"——附上你最有成就感的一个瞬间。
为什么要打卡:学编程最怕"学完就忘"。公开一个作品,就是把"学过"变成"会了"的最强锚点——以后面试、做简历、接第一个单子,都从这一个作品开始。
七、避坑清单
- 没备案域名被拦:国内服务器 + 未备案域名,80/443 不通——要么备案(08 篇),要么换境外服务器(免备案)。
- 证书申请失败:九成是域名解析还没生效——先确认解析通了再申请。
- 改了 Nginx 没 reload:
nginx -t过了必须 reload,不然还是旧配置。 - HTTPS 混合内容:页面里有
http://资源会被浏览器拦——统一改成https://。 - 续期别完全不管:certbot 自动续期一般没问题,但
certbot certificates偶尔看一眼到期时间,心里有底。
总结
- 门面三步:Nginx 反代(域名 → 5000)→ 绑定域名(A 记录)→ 免费 HTTPS(certbot 一行命令)。
- 每步验证再下一步:IP:端口通 → 域名通 → HTTPS 通。
- Nginx 三行 +
nginx -t+ reload(17 篇标准动作);域名解析在域名商配(19 篇);证书一行命令自动续期(09 篇)。 - 里程碑:你的项目正式上线——发起读者作品打卡,发网址/截图/一句话都行。
10 分钟小任务:完成门面三步(或先做前两步),让 https://你的域名 打开你的待办应用。然后——去打卡:把你的作品发出来,这是你编程路上第一个可以"拿得出手"的东西。下一篇,让它快起来:加 Redis 缓存。
下一篇:加 Redis 缓存:让你的项目快起来。
