Jenkins+gitlab前端自动打包基础教程linux系统

原创
2023/12/18 22:34
阅读数 27

1.打包服务器建立

找个服务器

本机安装putty连接打包服务器

1.1判断打包服务器的CPU架构

uname -m

1.2打包服务器看看有没有安装node环境

node -v

发现未安装nodejs

1.3打包服务器安装nodejs

1.3.1到node官网找个适合你服务器版本的nodejs

https://nodejs.org/en/download/releases

我这里选择 node-v14.21.3-linux-x64.tar.gz

1.3.2 上传后解压到 /usr/local/nodejs

这里要注意,由于官网的tar包里包含软连接和权限信息,一定要先上传再解压

1.3.3 看看能不能运行

cd /usr/local/nodejs/node-v14.21.3-linux-x64/bin
./node -v
./npm -v

1.3.4 建立软链接

ln -s /usr/local/nodejs/node-v14.21.3-linux-x64/bin/node /usr/local/bin/node
ln -s /usr/local/nodejs/node-v14.21.3-linux-x64/bin/npm /usr/local/bin/npm
ln -s /usr/local/nodejs/node-v14.21.3-linux-x64/bin/npx /usr/local/bin/npx

1.4 安装pnpm

npm install -g pnpm@^7.5.0 --registry=https://registry.npm.taobao.org
ln -s /usr/local/nodejs/node-v14.21.3-linux-x64/bin/pnpm /usr/local/bin/pnpm

2.安装gitlab-runner(改成jinkens)

判断gitlab-runner是否已安装

gitlab-runner --version

2.1安装gitlab-runner需要先安装git

2.1.1 先看看git是否已安装

git --version

 安装git

yum -y install git

2.2安装gitlab-runner(可跳过)

由于在线安装失败了,我用镜像网下载安装

从镜像网先下载好 https://mirrors.tuna.tsinghua.edu.cn/gitlab-runner/yum/

rpm -ivh gitlab-runner-15.9.1-1.x86_64.rpm

由于某次gitlab迁移的有问题,gitlab上ci cd 相关功能都是500。gitlab的服务器右不归我管。因此放弃gitlab-runner,采用jenkins。

于是卸载gitlab-runner

rpm -e --nodeps gitlab-runner-15.9.1-1.x86_64

3.安装jenkins

3.1安装java

3.1.1判断java安装了没

java -version

发现已安装java 1.8,现在的jenkins没法使用1.8。

网上找个Oracle JDK 11

解压到/usr/local/java/jdk-11.0.21

JDK 11 需要安装字体

yum install urw-fonts

3.2安装tomcat

3.2.1判断tomcat安装了没

service tomcat status

3.2.2去官网下载你需要的版本

https://tomcat.apache.org/

3.3.3 解压到 /usr/local/tomcat

3.3.4 增加配置文件

cp -p /usr/local/tomcat/bin/catalina.sh /etc/init.d/tomcat

3.3.5 配置文件/etc/init.d/tomcat中第二行加入如下信息

# chkconfig: 112 63 37
# description: tomcat server init script
# Source Function Library

. /etc/init.d/functions
JAVA_HOME=/usr/local/java/jdk-11.0.21
CATALINA_HOME=/usr/local/tomcat

然后改权限为755

3.3.6 保存文件后,执行以下操作

chkconfig --add tomcat
chkconfig tomcat on

3.3.7 启动tomcat

service tomcat start

3.4 安装jenkins

我们先去官网https://www.jenkins.io/下载war包,然后发现官网说要停用war包了,那我们改成rpm。

后来想想,好像是西方政治正确搞的一个反战标语,那我们继续使用war包。

找到支持java 11的jenkins版本是2.419

3.5 解压后上传到 /usr/local/tomcat/webapps/jenkins

3.6 重启tomcat

service tomcat stop
service tomcat start

3.7 访问 http://xxxxxxx:8080/jenkins/ 进入解锁页,说明安装成功了

4. Jenkins配置

4.1 解锁密码

4.2 安装插件

国内要改镜像才能安装插件

编辑这个文件/root/.jenkins/updates/default.json

批量替换https://updates.jenkins.io/download/https://mirrors.tuna.tsinghua.edu.cn/jenkins/

4.3 创建用户

输入管理账号密码

4.4 修改镜像源

现在进入系统是白屏,需要修改镜像源

手动输入网址 http://xxxxxx:8080/jenkins/pluginManager/advanced

找到 Update Site改成清华镜像

https://jenkins-zh.gitee.io/update-center-mirror/tsinghua/update-center.json

手动输入网址 http://xxxxxx:8080/jenkins/restart 重启

4.5.安装node插件

 Manage Jenkins -> Manage Plugins 在可选插件中搜索 nodejs 选择对应插件进行安装。安装完后重启jenkins

4.6.配置node插件

找到 System Configuration -> Tools -> NodeJS

输入安装目录

4.7 安装GitLab webhook插件

参考4.5

5.配置FreeStyle打包过程

5.1 Git 配置

配置GIT地址、GIT账号密码、GIT分支

5.2配置触发构建时机

勾选GitLab webhook,勾选push和merge

5.3配置打包命令

Build Steps新增一项类型为Execute shell

pnpm install
pnpm run build
cp -rf dist/* /home/www/xxxxxxx

6.配置gitlab

6.1 给gitlab项目中加入 web hook 地址为

http://xxxxxx:8080/jenkins/project/xxxxxxx

7测试效果。

至此一个简单打包过程就配置好了。

后续可以根据实际需要,改成远程发布以及加入消息通知

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部