環(huán)境準(zhǔn)備
CentOS 7(64位)
Docker安裝
yum -y install docker-ce
systemctl start docker
systemctl enable docker
Jenkins安裝
1、搜索拉取jenkins鏡像
docker search jenkins
docker pull jenkins/jenkins
首先需要新建文件夾，用來掛載docker目錄
mkdir -pv /var/jenkins_home
修改目錄權(quán)限
chown -R 1000 /var/jenkins_home
2、運行鏡像
docker run --name jenkins -p 8088:8080 -p 50000:50000 \
--restart=always -u root \
-v /var/run/docker.sock:/var/run/docker.sock \
-v $(which docker):/bin/docker \
-v /usr/lib64/libltdl.so.7:/usr/lib/x86_64-linux-gnu/libltdl.so.7 \
-v /var/lib/docker/tmp:/var/lib/docker/tmp \
-v /var/jenkins_home:/var/jenkins_home \
-d jenkins/jenkins
參數(shù)說明：
--restart=always #Docker重啟后該容器也為隨之重啟
-u root
#以root的身份去運行鏡像(避免在容器中調(diào)用Docker命令沒有權(quán)限)
#最好使用docker用戶去運行
-v $(which docker):/bin/docker
#將宿主機的docker命令掛載到容器中
#可以使用which docker命令查看具體位置
-v /var/run/docker.sock:/var/run/docker.sock
#容器中的進程可以通過它與Docker守護進程進行通信
-v /usr/lib64/libltdl.so.7:/usr/lib/x86_64-linux-gnu/libltdl.so.7
#libltdl.so.7是Docker命令執(zhí)行所依賴的函數(shù)庫
#容器中l(wèi)ibrary的默認(rèn)目錄是 /usr/lib/x86_64-linux-gnu/
#把宿主機的libltdl.so.7 函數(shù)庫掛載到該目錄即可
#可以通過whereis libltdl.so.7命令查看具體位置
#centos7位置/usr/lib64/libltdl.so.7
#ubuntu位置/usr/lib/x86_64-linux-gnu/libltdl.so.7
配置Jenkins
打開瀏覽器訪問：http://[你的ip地址]:[你的Docker容器映射的端口號]
等待jenkins初始化加載完成
在下面路徑在獲取初始化密碼
/var/jenkins_home/secrets/initialAdminPassword
插件可以選擇推薦安裝，也可以不安裝，進入dashboard頁面去安裝
jenkins
在下圖的可選插件中去搜索安裝，安裝好的可以在已安裝中查看
目前jenkins版本為Jenkins 2.272
插件安裝
對于前端來講，主要安裝的插件就是nodejs、git，ssh等具體按需安裝
nodejs
ssh
安裝完插件之后要去配置一下，需要什么就配置什么，按需配置
配置
環(huán)境準(zhǔn)備好了，開始進行部署，
首先要有一個git倉庫，可以是github，gitee，gitea，gitlab等中的一個
準(zhǔn)備好之后，我們來自動部署一個前端項目例如vue項目和一個后端項目例如nodejs項目，可以將兩者放在一起，也可以單獨作為一個倉庫
現(xiàn)在我們新建兩個倉庫：
安裝好express和vue腳手架
> npm install -g @vue/cli
> npm install -g express
1、使用express初始化一個項目
express node-demo
2、使用vue腳手架初始化一個項目
vue create vue-demo
將項目存放在我們本地的gitea中如圖：
git倉庫
打開jenkins軟件，新建一個任務(wù)
設(shè)置好git地址，選擇構(gòu)建寫入啟動的shell命令
vue-demo
構(gòu)建環(huán)境
構(gòu)建
# 執(zhí)行的shell
CONTAINER_ID=$(docker ps -a -q -f name=vue-demo)
IMAGE_ID=$(docker images | grep "vue-demo" | awk '{print $3}')
echo $CONTAINER_ID
echo "停止vue-demo"
npm config set registry https://registry.npm.taobao.org
npm install
npm run build
if [ -n "$CONTAINER_ID" ]; then
docker stop $CONTAINER_ID
echo "刪除vue-demo容器"
docker rm $CONTAINER_ID
fi
if [ -n "$IMAGE_ID" ]; then
echo "刪除vue-demo鏡像"
docker rmi $IMAGE_ID
fi
echo "開始vue-demo鏡像打包"
docker build -t vue-demo .
echo "運行vue-demo鏡像在8008"
docker run --name vue-demo -p 8008:80 -d vue-demo
# Dockerfile文件
FROM nginx
COPY ./dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
jenkins保存配置文件后，點擊構(gòu)建
立即構(gòu)建
可查看構(gòu)建日志
日志
日志
成功后訪問，能訪問到代表前端構(gòu)建成功了
頁面
現(xiàn)在進行nodejs項目的構(gòu)建
同樣
1、先新建一個任務(wù)，進行配置，選擇如下
node-demo
2、添加git倉庫
node-demo
3、添加構(gòu)建shell
node-demo
4、點擊保存進行
node-demo
5、點擊立即構(gòu)建
node-demo
構(gòu)建成功后訪問：ip:8010端口，能正常訪問代表部署成功了
image.png
node-demo中的shell
# 先停止容器，再刪除容器，再刪除鏡像
CONTAINER_ID=$(docker ps -a -q -f name=node-demo)
IMAGE_ID=$(docker images | grep "node-demo" | awk '{print $3}')
if [ -n "$CONTAINER_ID" ]; then
docker stop $CONTAINER_ID
echo "刪除vue-demo容器"
docker rm $CONTAINER_ID
fi
if [ -n "$IMAGE_ID" ]; then
echo "刪除vue-demo鏡像"
docker rmi $IMAGE_ID
fi
# 根據(jù)dockefile構(gòu)建鏡像
docker build -t node-demo .
# 啟動鏡像，容器端口是3000
docker run --name node-demo -itd -p 8010:3000 node-demo
# 訪問8010端口
echo "服務(wù)運行在8010端口上"
dockerfile
FROM node:10-alpine
COPY . /app
WORKDIR /app
RUN rm -rf node_modules
RUN npm config set registry https://registry.npm.taobao.org
# install pm2
RUN npm install pm2 -g
# install logrotate
RUN pm2 install pm2-logrotate
RUN npm install
EXPOSE 3000
# RUN sed -i 's/dl-cdn.alpinelinux.org/mirror.tuna.tsinghua.edu.cn/g' /etc/apk/repositories
# ENV TZ=Asia/Taipei
# RUN apk --no-cache add tzdata zeromq \
# && ln -snf /usr/share/zoneinfo/$TZ /etc/localtime \
# && echo '$TZ' > /etc/timezone
CMD [ "npm", "run", "prd"]
補充：
如果需要git提交代碼就進行構(gòu)建，只需要在構(gòu)建觸發(fā)器中配置token，勾上觸發(fā)遠程構(gòu)建，然后在管理web鉤子中添加，當(dāng)提交的時候就會觸發(fā)構(gòu)建
構(gòu)建
gitea webhook
以上就是關(guān)于docker，jenkins自動部署nodejs項目和前端項目的全部內(nèi)容。
