← 返回目录
g.12操作⏱ 约 6 分钟

部署上线

把"我电脑上能跑"变成"全世界能访问"

🔎 最后验证 2026-05📚 来源:通用计算机常识、Claude Code 官方文档🧰 Claude Code、Git✅ 39 人学过👁 72 次阅读
为什么学这个

最激动人心的一步:让你的项目上线。在自己电脑上跑得再好,别人也访问不了。部署,就是把它搬上云、给一个公开网址——从此你能把链接发给任何人。你在 P2 学的"部署/云"概念,现在变成真实操作。

💡 打个比方

部署就像把你在家试做成功的菜,搬进一家正式营业的店开张:从"只有自己尝"到"路人都能进来点"。按下"上线"那一刻,你的作品就真正进入了世界。

  • 现代部署对新手很友好(P2 4.14 提过):
    • 纯前端项目:用 Vercel / Netlify 等平台,连上你的 GitHub 仓库,一推送就自动部署(P1C 的 Git 又立功了)
    • 有后端的:选支持后端的平台,或云服务器
  • 上线前的最后检查(把 P4 安全意识用足):
    • 密钥/敏感信息没进仓库(P4 #5,部署=更多人能接触)
    • 环境变量在平台上配好(本地的 .env 不会上传,要在平台单独配)
    • 注意 P2 4.17:"本地能跑≠线上能跑",线上环境可能暴露新问题,部署后要实际打开验证
  • 让 AI 帮你走部署流程,但具体平台步骤以该平台官方文档当前版本为准
❓ 测验
把一个连了 GitHub 的纯前端项目部署上线,如今常见的便捷方式是?
⚠️ 避坑上线 = 安全门槛抬高,密钥和环境变量要处理对

本地图省事的写法(密钥写死、调试接口开着)一旦部署就对全世界暴露。上线前务必:密钥走环境变量并在平台配置(不是写进代码)、关掉调试/测试入口、再过一遍 P4 安全清单。"本地能跑"还要加一句"线上也安全",才算真正交付。

🤖 部署你的项目(去真实环境)
我想把项目部署上线,它是【纯前端 / 有后端】,代码在 GitHub。请基于目标平台(如 Vercel/Netlify)官方文档帮我:1) 推荐合适的免费平台并说明理由;2) 给出部署步骤;3) 重点说明:密钥/环境变量怎么在平台上安全配置(不进仓库);4) 部署后我该验证哪些东西,确认线上真的正常。
🔎 来源与核验· 1 条,点开核对
本节每个关键论断都对应一个可追溯的来源 —— 这是本课程"靠谱、不过时"的底线。
「现代平台可连接 Git 仓库自动部署;上线需配置环境变量并确保敏感信息不入仓库」
✅ 小结

🎉 你的项目上线了,有了公开网址!下一节锦上添花——给它绑一个好记的域名,并了解上线后的基础运维。

下一节 → 绑定域名与基础运维
智图软件的赞赏码
都看到这了，打个赏呗！
接下来 · g.13
绑定域名与基础运维
继续读下一节 →