Docker安装Jenkins并打包Vue前端服务(超详细)

236 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

Docker安装Jenkins并打包Vue前端服务

1、启动Jenkins容器

docker run --name jenkins -p 8080: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 /opt/jenkins:/var/jenkins_home \
-v /opt/mes:/opt/mes \
-d jenkins/jenkins:lts

2、Jenkins运行后安装nodejs相关的插件

教程地址:juejin.cn/post/706779…

配置 Jenkins 实现打包 Node 前后端服务

1、安装插件
需要安装两个插件,在首页 > 系统管理 > 插件管理 > 可选插件 > 搜索选中 NodeJS > 安装完成后重启服务
NodeJs: 代码打包时需要的环境
Publish Over SSH: 打包完成后通过这个插件ssh连接发送到远程服务器
安装完成
publish-over-ssh.hpi
jsch.hpi
publish-over.hpi

我们通过清华大学开源软件镜像站下载。

在里面搜索下载

publish-over-ssh.hpi
jsch.hpi
publish-over.hpi

**容器的插件是jpi
2、配置 NodeJS 插件版本
推荐使用最新的稳定版本,我这里是使用的16.13.1这个版本
首页 > 系统管理 > 全局工具工具配置 > NodeJS > 新增 填入别名,以及选择NodeJS版本。

3、新建项目任务实现构建及部署 参考本地Jenkins项目

Build Environment步骤
	勾选Provide Node & npm bin/ folder to PATH
Build
	执行shell脚本
        #!/bin/sh
        npm config set registry https://registry.npm.taobao.org
        npm install -g yarn
        yarn -v
        yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
        yarn install
        yarn run build

4、将build的dist文件远程到部署的机器

Post-build Actions
	Send build artifact over SSH -> SSH Server -> Transfers -> Source files 设置为 dist/
		Remote directory 设置远程服务器的目录

在此之前需要提前设置server
Manage Jenkins -> Configure System -> Publish over SSH
	Passphrase 填写远程服务器密码