极客时间返利平台,你可以在上边通过山月的链接购买课程,并添加我的微信 (shanyue94) 领取返现。

# 专栏介绍

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

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

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

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

大纲

# 文字与视频内容

本专栏维护在我的 Github 仓库 Daily-Question (opens new window),若有错别字或者疑问可向我提交 PR/Issue。

而在我的网站大厂面试每日一题的前端部署十五章 (opens new window)专栏中,拥有更好的阅读体验。

为了更好的理解与操作,我在哔哩哔哩也录制了相应的视频合集,见 前端部署视频合集 (opens new window),若有疑问可直接在视频下方进行评论。

# 前置知识

本专栏需要您了解一些前置知识,如 docker/docker-compose/traefik/cicd 等基础用法。

在学习本专栏过程中,您可以随时查阅文档,在文章涉及到的相关配置,会指明具体配置所对应的文档地址。

本专栏尽量做到图文轻松阅读便于理解,并有代码示例保障能真实跑得起来

  1. 每段代码都可运行
  2. 每篇文章都可实践
  3. 每次实践都有示例

示例代码开源,置于 Github 中,演示如何对真实项目进行部署上线。

本专栏分为以下若干篇,其中前三篇以simple-deploy (opens new window)作为示例项目,而余下若干篇以cra-deploy (opens new window)作为示例项目。

# 你会学到什么

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

# 适宜人群

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

# 作者简介

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

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

可添加我的微信 shanyue-bot 与我交流。

Last Updated: 5/23/2022, 8:56:19 PM