Jenkins安装与前端项目自动部署

Jenkins安装

几经波折,开始下载jenkins.msi安装,因为未知原因并未生成密码文件initialAdminPassword,于是换一种方式。

win安装步骤:

1、https://www.jenkins.io/download/下载.war文件

2、dos进入存放war的文件目录,安装启动

因为jenkins的war包自带jetty服务器,所以启动成功后,直接打开浏览器操作即可。输入http://localhost:8080,按照提示输入密码

安装依赖过程中出现"No such plugin: cloudbees-folder",不需理会,重启一遍即可

配置过程与centos大同小异,具体请看centos安装步骤4

centos安装步骤

1、安装jdk

yum install java-1.8.0-openjdk* -y

检查是否安装成功

java -version

2、安装jenkins

sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo
sudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key

#安装 
yum install jenkins -y 
#查看版本 
rpm -q jenkins  
#启动jenkins 
systemctl start jenkins
#启动jenkins
service jenkins start/stop/restart 

3、按需修改jenkins端口号,默认8080,用于访问web管理页面。

 vi /etc/sysconfig/jenkins

注意:Jenkins目录、端口、工作目录等信息在/etc/sysconfig/jenkins 下

配置端口,并重启

访问Jenkins

4、配置

4.1 解锁并创建账号

根据提示解锁并修改密码

#查看密码文件
cat /var/lib/jenkins/secrets/initialAdminPassword


 

前端项目自动部署

1、服务器需已部署node,Jenkins安装node插件

配置:

2、新建item,发现无法连接仓库,原因是git插件未生效,需要我们在服务器安装git

2.1安装git

 

#安装git
yum install -y git


#查看git目录 
whereis git

引用

再返回之前构建的item,正常啦~~~

构建一下项目,以便获得工作空间,编写shell脚本

点击配置,执行shell

输入shell命令

npm install 
rm -rf ./dist/*
npm run build
rm -rf /www/web/site/*
cp -rf ./dist/* /www/web/site


npm install :下载工作区npm包
rm -rf ./dist/* :删除dist目录下的所有文件,dist目录即为当前jenkins工作区打包后的文件。
npm run build :执行打包命令
rm -rf /www/web/site/* :删除服务器上/www/web/site/ 目录下的所有文件/www/web/site/  为服务器项目放置位置。
cp -rf ./dist/* /www/web/site :把当前构建工作区dist目录里的文件 copy 到服务器/www/web/site 文件夹下。

3、立即构建 很不幸这一步报错了

没有权限

 进入相关文件夹:vi /etc/sysconfig/jenkins

3.1修改用户权限,检查jenkins配置配置文件,将执行用户改成root,

3.2修改jenkins的用户与组

cd /var/lib
chown -R root:root /etc/sysconfig/jenkins
chown -R root:root /home/front/jenkinTest
# 重启jenkins服务
service jenkins restart

重新构建,success

4、修改其它个人配置,比如nginx等等


构建成功

扩展

Jenkins用git拉取的代码会放在
var/lib/jenkins/workspace 目录下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值