Docker安装Jenkins，Nginx，实现前端项目自动化构建

安装 Docker

// 安装
curl -fsSL get.docker.com -o get-docker.sh
sh get-docker.sh
// 启动Docker服务
systemctl start docker
// 开机默认启动
systemctl enable docker

执行一下docker -v，可以用来查看 Docker 安装的版本信息。也可以帮助我们查看 docker 的安装状态；如果正常展示版本信息，代表 Docker 已经安装成功。

通过docker ps查看容器状态。

安装 Jenkins

拉取 jenkins 镜像

使用 docker pull 命令拉取镜像

docker pull jenkins/jenkins

运行容器

docker run -d --name jenkins -p 8080:8080 -p 50000:50000 jenkins/jenkins

参数说明

--name 定义一个容器的名字，如果没有指定，那么会自动生成一个随机数字符串当做UUID

-d 标识是让 docker 容器在后台运行

-p 9000:8080 端口映射，将宿主机9000端口映射到容器8080端口

-p 50000:50000 50000端口是基于JNLP的Jenkins代理（slave）通过TCP与 Jenkins master 进行通信的端口。

启动后可以通过 docker ps 来查看服务情况。 docker 容器状态

注意：

在云服务器的防火墙里打开8080端口才能访问。
然后通过服务器ip：8080端口就可以访问我们的 jenkins 服务

例如在阿里云中进行安全组配置

配置Jenkins

通过 http://<ipaddress>:8080 访问 Jenkins 界面

jenkins初始化密码

由于我们是用 docker 安装的，所以密码会被存储到容器中。管理员初始密码被放到了 /var/jenkins_home/secrets/initialAdminPassword 文件中。

docker exec -it jenkins bash

进入容器查看密码，然后再 jenkins 页面中输入密码

cat /var/jenkins_home/secrets/initialAdminPassword

问题：

再完成上一步之后，大部分情况下会出现 您的 Jenkins 已离线 jenkins离线

原因是jenkins在下载插件之前会先检查网络连接，其会读取这个文件中的网址。默认是：访问谷歌，肯定访问不了，所以将图下的google改为www.baidu.com即可，更改完重启服务。

首先我们找的 default.json 的位置，先进入容器docker exec -it jenkins bash，这个文件存放在了 /var/jenkins_home/updates/ 目录下

docker 中的文件无法直接修改

方式一：可以使用 yum -y install vim 或者 apt-get install vim 命令安装。然后再通过vim进行修改，但这种方法不推荐

vim default.json

方式二：把容器里面的文件拷贝到本机进行修改，然后再拷贝回去命令如下

docker cp [容器名字]:[具体文件地址] [想要拷贝到本地的目标地址]
#例子
docker cp redis:/test/cptest.txt ./

如果使用这种方式，命令如下：

docker cp jenkins:/var/jenkins_home/updates/default.json /root/var/tmp

然后，我们把修改后的 default.json 拷贝回去。

docker cp /root/var/tmp/default.json jenkins:/var/jenkins_home/updates

最后一步，打开 http://<ip>:8080/pluginManager/advanced 页面滚动到最底部 Update Site 的 URL 为：

mirrors.tuna.tsinghua.edu.cn/jenkins/upd…

该地址为清华大学开源软件镜像站

jenkins修改update_site 如果一切正常的话，就可以正常安装插件了 jenkins插件安装

如果上述步骤出问题，也可以跳过插件安装，在里面手动下载，然后在 Jenkins 的插件管理里面手动安装。

安装插件

需要安装两个插件，在

首页 > 系统管理 > 插件管理 > 可选插件 > 搜索选中 NodeJS > 安装完成后重启服务

NodeJs: 代码打包时需要的环境
Publish Over SSH: 打包完成后通过这个插件ssh连接发送到远程服务器

配置 NodeJs 这一步是因为有时候用最新的版本安装包会失败，推荐使用最新的稳定版本，我这里是使用的16.13.1这个版本。在

首页 > 系统管理 > 全局工具工具配置 > NodeJS > 新增 jenkins_node配置

新建项目任务实现构建及部署

(1) 首页 > 新建任务 > 构建一个自由风格的软件项目 jenkins新建任务

(2) git源码管理配置这一步是让jenkins去哪个git仓库拉取代码。 jenkins_git配置

Repository URL: git仓库的地址
Credentials: 连接git仓库的认证方式，一般使用Username with password或者Secret Text的方式，前者就是用户名和密码的方式，后者是需要生成token密钥，用密钥连接。
Branches to build: 指定拉取的分支

(3) 指定构建环境 jenkins构建环境

(4) 构建脚本 jenkins构建配置脚本

这里的命令根据实际情况来

npm install
npm run build
cd dist
tar zcvf dist.tar.gz *

安装 Nginx

获取nginx官方镜像

docker pull nginx

将nginx关键目录映射到本机，目的是为了方便我们修改 nginx 的配置

mkdir -p /root/nginx/www /root/nginx/logs /root/nginx/conf

481e121fb29f 为容器id,根据实际情况修改

docker cp 481e121fb29f:/etc/nginx/nginx.conf /root/nginx/conf

创建新nginx容器nginx-web,并将 www,logs,conf目录映射到本地

docker run -d -p 80:80 --name nginx-web -v /root/nginx/www:/usr/share/nginx/html -v /root/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /root/nginx/logs:/var/log/nginx nginx

docker 容器状态

配置 nginx config 进入到/root/conf/nginx.conf 添加如下配置

server {
  listen 80;
  charset utf-8;
  server_name 192.168.112.135;

  location / {
    proxy_pass http://192.168.112.135:8080;
    proxy_redirect default;
  }
}

启动nginx

docker start nginx-web

nginx 重启命令

docker exec -it nginx service nginx reload

把打包后进行部署

首先在 jenkins 首页配置下publish over ssh的ssh连接配置。

在首页 > 系统管理 > 系统配置 > Publish over SSH > 新增 jenkins_ssh

填入这几个配置项，主要是Hostname和Username，勾选上 Use password authentication, or use a different key，然后输入Password。

完成之后选择构建后的操作 jenkins构建后操作

jenkins构建后配置

Source files: 源文件，也就是刚才我们压缩好的文件，dist.tar.gz
Remove prefix: 移除的前缀，就是移除压缩文件前面的dist文件夹，不然移到远程服务器后也有dist文件夹
Exec command: 完成把文件移动到远程服务器后执行的shell命令，这里大概就是清空之前的项目文件夹下所有文件，然后解压dist.tar.gz到项目文件夹下，最后删除dist.tar.gz压缩包

cd ~
mv ./dist.tar.gz /root/nginx/www
cd /root/nginx/www
tar zxvf dist.tar.gz
rm -rf dist.tar.gz

最后一步就是在 Github 的项目中添加 Webhooks

配置的 Payload URL 为 http://<jenkins地址>/github-webhook/

github_webhook配置

最后推送代码，就可以在 jenkins 中看到任务会自动构建，然后进行发布了。