部署不再是折磨:我用 CF Pages 把前端开发变成了享受

目录

一直有一种感觉:

一说“部署”,整个人就烦了。


😮‍💨 那些年我踩过的部署坑

以前写前端项目,每次上线都像打仗一样。

本地起服务还算轻松,npm run dev 一开,代理一配就跑起来了。
可一到部署,瞬间崩溃。

  • npm run build 构建打包
  • scpdist/ 拷到远程服务器
  • ssh 远程连服务器,还得想密码还是 key?是不是没权限?
  • 忘了在哪个目录部署的,又要 pwd
  • nginx 改配置,reload
  • 然后打开页面,白屏?控制台报错?404?
  • 回来一查路径写错了、环境变量漏了、缓存没清

部署一次搞 20 分钟,我根本不想多部署一个环境。上线是个成本,不是个过程。


🚨 多环境更是地狱

一个项目好好的,到了迭代期,来了:

  • 产品要验收,要一个 UAT 环境
  • 同事提了 3 个 feature 分支,都要测
  • 运维说环境不够了,自己合代码测吧
  • 环境共用,一测就串数据

想要一个“临时环境”?别想了,搞起来比上线还麻烦。


🚀 后来用了 surge:部署一下子轻松了

有一阵我用 surge,真的是前端人的福音:

surge ./dist my-app.surge.sh

部署完就上线了,服务器都不用了。只要一个域名,几百块服务器钱都省了。

用来做活动页、小项目非常爽。
但也有坑:

  • 账号丢了,历史版本没了
  • 没权限管理,也不适合团队协作

🎯 真正解决问题的,是 Cloudflare Pages

直到用了 Cloudflare Pages,我才有“部署自由”的感觉。

  • 分支就是环境:testuatrelease 分开来部署
  • push 上去就自动构建,自动部署
  • 构建完还可以直接绑定自定义域名,比如 test.xx.com
  • 每个环境互不干扰,不用再抢服务器

我直接把每个同事的 feature 分支也构建成一个 Preview 地址,谁开发谁访问谁的,不用抢、不用等、也不用合代码。


🔥 加一个新环境是什么体验?

以前是:

“运维哥,能不能再给我加个环境测一下啊?我接口还没稳定,不想合代码。”

现在是:

git checkout -b feature-new-ui
git push

Cloudflare Pages 自动帮你部署完,分配一个独立访问链接。你想再舒服点,就在部署记录里点一下“Add custom domain”,再绑个子域名。

结束。上线一个临时环境,只要 30 秒,不是夸张,是字面意义的 30 秒


💡 开发环境的自由,真的能提高效率

当你不用再去跟别人协调:

  • 我这个能不能部署
  • 我那个能不能测
  • 环境能不能还我
  • 怎么又是你覆盖了我的构建

你就能安心专注于业务本身了。

一个干净的前端开发世界。


✅ 总结:部署不是终点,而是开始

现在的我:

  • 不想合代码就能测
  • 不想改 nginx 就能上
  • 不想 ssh 就能换环境
  • 不想问人就能上线

以前部署像打仗,现在部署像呼吸。