Yanniyanni

《Jenkins安装&部署前端项目》

2020-04-25 上次更新时间：4/29/2022, 9:34:08 AM 0 工具类

# 0. 安装依赖包

jenkins 依赖 jdk，使用java --version可查看，没有则需安装

yum -y install java-1.8.0-openjdk-devel.x86_64
1

# 1. 下载并安装

wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat/jenkins.repo
rpm --import https://pkg.jenkins.io/redhat/jenkins.io.key
yum install jenkins
1
2
3
  • 默认安装目录 : /var/lib/jenkins
  • 默认日志目录 ：/var/log/jenkins
  • 默认缓存目录 : /var/cache/jenkins
  • 默认admin密码文件 : /var/lib/jenkins/secrets/initialAdminPassword
  • 配置文件 : /etc/sysconfig/jenkins

# 2. 运行

jenkins安装后默认添加到service，可通过service命令运行

# 启动 Jenkins
service jenkins start
# 重启 Jenkins
service jenkins restart
# 停止 Jenkins
service jenkins stop
1
2
3
4
5
6

# 3. 访问

jenkins默认8080端口，启动成功后直接访问http://ip地址:8080即可。

# 4. 修改配置

# 4.1 修改端口号

  1. 打开Jenkins 配置文件
vi /etc/sysconfig/jenkins
1
  1. 修改 JENKINS_PORT
JENKINS_PORT="9000"
1

# 4.2 获取root权限

  1. 打开Jenkins 配置文件
vi /etc/sysconfig/jenkins
1
  1. 修改 JENKINS_USER
JENKINS_USER="root"
1
  1. 修改Jenkins 相关目录权限
chown -R root:root /var/lib/jenkins
chown -R root:root /var/log/jenkins
chown -R root:root /var/cache/jenkins
1
2
3
  1. 重启Jenkins并验证
service jenkins restart
ps -ef|grep jenkins
1
2

修改前为jenkins

修改后为root

# 4.3 查看

浏览器访问 http://ip:9000。然后按照指示输入密码，等待安装插件后，就能进入jenkins界面了。

# 4.4 初始密码

初始密码文件地址：/var/lib/jenkins/secrets/initialAdminPassword

# 5. 部署前端项目

# 5.1. 安装插件

进入jenkins页面 > Manage Jenkins > Manage Jenkins> 可选插件> 搜索【NodeJS】 和 【Gitee】安装即可

# 5.2. 安装环境

进入安装 jenkins 的机器

# 安装git
yum -y install git
# 安装node，这样安装是默认的6.0版本，可安装指定版本或升级 
yum install -y nodejs
# 安装vuepress
npm install -g vuepress
1
2
3
4
5
6

node 版本升级

# 5.3 新建项目

  1. 进入 jenkins 主页 > new item > freestyle project > 确定
  1. 源码管理 > Git

可能会出现以下报错。由于使用了 ssh 方式，所以需要配置Credentials 和 ssh key 。

配置 Credentials

配置 ssh key

  1. 构建

构建 > 添加构建步骤 > 执行 shell

#!/bin/bash

cd ${WORKSPACE}
npm run build

cd /home/blog
rm -rf dist*

cd ${WORKSPACE}/docs/.vuepress
cp -r dist /home/blog
1
2
3
4
5
6
7
8
9
10
11

# 5.4 发布成功

# node 版本升级

# 1. 安装版本管理工具

# 清理npm的cache
npm cache clean -f
# 版本管理工具
npm install -g n
# 升级到最新版本
n latest
# 看日志可以知道安装路径在 /usr/local/n/versions/node/14.0.0
1
2
3
4
5
6
7

# 2. 修改环境变量

vim ~/.bash_profile
1

添加配置语句

export N_PREFIX=/usr/local/n/versions/node/14.0.0 #node实际安装位置
export PATH=$N_PREFIX/bin:$PATH
1
2

执行source使修改生效

source ~/.bash_profile
1

# 3. 再次升级

n latest
1

查看版本，升级成功

# 4. jenkins 配置 node 版本

系统管理 > Global Tool Configuration > NodeJS > 安装 > 自动安装 > 选择版本 > 保存

构建任务 > 配置 > 构建环境 > Provide Node & npm bin/ folder to PATH > 选择Node版本 > 保存

# 配置 Credentials

# 1. gitee 生成 token

进入gitee > 设置 > 私人令牌 > 生成

# 2. 配置插件

进入jenkins > Managa Jenkins > Configure System > Gitee 配置 > 添加

测试是否成功

添加后配置没有立马生效，可能还是报错，耐心点多刷新几次就好了。

# 配置 ssh key

# 1. 生成ssh key

进入安装 jenkins 机器

# 生成
ssh-keygen -t rsa
# 进入目录
cd /root/.ssh/
# 复制 id_rsa.pub 的公钥到gitee
cat id_rsa.pub
1
2
3
4
5
6

# 2. gitee 添加公钥

进入gitee > 个人中心 > SSH公钥 > 将第一步id_rsa.pub的内容复制上去即可

测试是否能连上。成功会提示 successful

ssh -T git@gitee.com
1

# 忘记管理员密码

《Jenkins忘记管理员密码解决方法》

上次更新时间: 4/29/2022, 9:34:08 AM