本篇文章详细而又简短的介绍了：一名完全不了解 Docker 前端程序员，将全站 Docker 化的过程。内容主要包含： 而每次我想修改某个网站内容是十分麻烦的。拿大家熟悉的纯静态站点来说，修改过程如下： 网站太多，改动太频繁，而每次不管多小的改动都很麻烦。简直让我感觉自己在维护…

我免费申请的服务器到期了... 首先你得有一台服务器吧-。- 前者无需配置，但每次登陆都需要输入账号密码，后者需要注册 ssh 密钥，但之后可以免密登陆云服务器。个人比较喜欢后者，所以先在控制台注册 ssh 密钥 COPY . .：拷贝其他文件到容器 /app 目录，分两次拷贝…

整体开发效率提升20%。 加快首屏渲染速度，减少白屏时间，弱网环境下页面打开速度提升40%。 SSR需要可以运行Node.js的服务器，学习成本相对较高。 对于服务器而言，比仅提供静态文件，必须处理更高负载，考虑页面缓存等问题。 一套代码两个执行环境。beforeCreate …

本文将以一个标准的 Vue 项目为例，完全抛弃传统的前端项目开发部署方式，基于 Docker 容器技术打造一个精简的前端持续集成的开发环境。 1. CI（持续集成）：阮一峰老师的关于 CI 的介绍 2. Docker： Docker 快速入门 1. 代码无需在本地构建 2. 只…

在前几篇的文章里，我们学习了Docker常用的命令和基本操作，现在可以开始实战了。 前端工作中最常见的就是单页应用了。我们首先用create-react-app快速创建一个应用 可以看见正常启动的页面。 可以看到本地生成了一个build目录，这就是最后线上运行的代码。 dock…

在基础篇里，我们介绍了一些Docker的常用概念和命令，接下来我们会继续学习Docker的其他用法和实际运用。 前端最常使用的静态服务器就是Nginx了。 -p: 端口映射。8888:80表示把本地的8888端口映射到容器的80端口 为什么要映射端口？因为Docker里每个容器…

最近公司在推进容器化和k8s，项目都要改成Docker部署。负责的工程里有几个node项目，只能从零开始学习Docker了。 Docker支持window, Mac, Linux, 教程参考Docker安装教程。 建议在Mac和Linux系统里使用Docker。 平时开发，我使…

本文旨在向大家简单地介绍如何搭建一个私有开发环境，严格意义上并不是只适用于前端，细节性的内容大家可以私下跟博主交流。搭建过程需要使用到至少一台 8G 内存以上服务器，如果没有可以考虑去腾讯云购买。 所有脚本命令都以 Centos 7 为例。 GitLab 官网有非常详细的安装教…

随着devops的发展，前端部署变得越来越简单，可控性也越来越高，本文基于docker🐳+nginx+jenkins来实现前端自动化部署流程，具体实现效果为开发人员在本地开发，开发push提交代码到指定分支，😊自动触发jenkins进行持续集成和自动化部署。部署完成后会收到…