前端部署前端部署入门指南:从静态服务器到容器化部署的最佳实践

小册介绍

作者简介

山月,前端开发工程师,目前在 Bilibili 作为 UP 主免费前端模拟面试

同时也是以下网站的站长:

小册介绍

为了更深入理解前端部署,我们将从最原始的部署方案过渡到 Docker 与 Kubernetes,逐步进行优化,并使用 CICD 完善工程质量及部署效率。

你们公司的前端是如何进行部署的?很多人对前端部署感到陌生。

一方面,这些事情与业务无关,也很少有人注意到。另一方面,即便注意到,前端部署一般交给前端负责人或运维同学来负责,也很少有权限接触到相关事项。即使身在大厂,前端部署高度封装,仅需点点点即可完成部署,很多人对其中原理也难以捕捉。

实际上我们对于前端的部署,就是对其静态资源的服务。本小册通过使用 nodejs 写一个简单的静态服务器,来简单理解前端部署。接下来本小册将引导你使用 Docker 部署,并优化镜像、优化 Pipeline,一步一步探索前端部署优化及发展,并以单页应用为例进行实践部署。

大纲

你会学到什么

  1. 更加了解前端部署方案,并可独立部署个人应用到域名
  2. 更加了解自己公司的前端部署方案,并发现其中的不足
  3. 更加了解如何使用 Docker 优化前端部署
  4. 更加了解如何使用对象存储云服务,并对其进行时间与空间的优化
  5. 更加了解如何使用 CICD 优化 Pipeline 时间,并压缩每次部署时间,敏捷开发,快速迭代

适宜人群

  1. 身在小公司,对前端部署好奇,并有权限进行部署上升级
  2. 身在大公司,对运维知识好奇,但无权限窥得前端部署流程
  3. 想进一步扩展自己的技术宽度的前端
  4. 想将个人应用部署到个人服务器并发布