部署不再是折磨:我用 CF Pages 把前端开发变成了享受
目录
一直有一种感觉:
一说“部署”,整个人就烦了。
😮💨 那些年我踩过的部署坑
以前写前端项目,每次上线都像打仗一样。
本地起服务还算轻松,npm run dev 一开,代理一配就跑起来了。
可一到部署,瞬间崩溃。
npm run build构建打包- 用
scp把dist/拷到远程服务器 ssh远程连服务器,还得想密码还是 key?是不是没权限?- 忘了在哪个目录部署的,又要
pwd - nginx 改配置,reload
- 然后打开页面,白屏?控制台报错?404?
- 回来一查路径写错了、环境变量漏了、缓存没清
部署一次搞 20 分钟,我根本不想多部署一个环境。上线是个成本,不是个过程。
🚨 多环境更是地狱
一个项目好好的,到了迭代期,来了:
- 产品要验收,要一个 UAT 环境
- 同事提了 3 个 feature 分支,都要测
- 运维说环境不够了,自己合代码测吧
- 环境共用,一测就串数据
想要一个“临时环境”?别想了,搞起来比上线还麻烦。
🚀 后来用了 surge:部署一下子轻松了
有一阵我用 surge,真的是前端人的福音:
surge ./dist my-app.surge.sh
部署完就上线了,服务器都不用了。只要一个域名,几百块服务器钱都省了。
用来做活动页、小项目非常爽。
但也有坑:
- 账号丢了,历史版本没了
- 没权限管理,也不适合团队协作
🎯 真正解决问题的,是 Cloudflare Pages
直到用了 Cloudflare Pages,我才有“部署自由”的感觉。
- 分支就是环境:
test、uat、release分开来部署 - push 上去就自动构建,自动部署
- 构建完还可以直接绑定自定义域名,比如
test.xx.com - 每个环境互不干扰,不用再抢服务器
我直接把每个同事的 feature 分支也构建成一个 Preview 地址,谁开发谁访问谁的,不用抢、不用等、也不用合代码。
🔥 加一个新环境是什么体验?
以前是:
“运维哥,能不能再给我加个环境测一下啊?我接口还没稳定,不想合代码。”
现在是:
git checkout -b feature-new-ui
git push
Cloudflare Pages 自动帮你部署完,分配一个独立访问链接。你想再舒服点,就在部署记录里点一下“Add custom domain”,再绑个子域名。
结束。上线一个临时环境,只要 30 秒,不是夸张,是字面意义的 30 秒。
💡 开发环境的自由,真的能提高效率
当你不用再去跟别人协调:
- 我这个能不能部署
- 我那个能不能测
- 环境能不能还我
- 怎么又是你覆盖了我的构建
你就能安心专注于业务本身了。
一个干净的前端开发世界。
✅ 总结:部署不是终点,而是开始
现在的我:
- 不想合代码就能测
- 不想改 nginx 就能上
- 不想 ssh 就能换环境
- 不想问人就能上线
以前部署像打仗,现在部署像呼吸。