项目部署（自动部署jenkins）前端

大家可以先看下手动部署版本的，了解下购买服务器与安装nginx

jenkins依赖java，所以需要先安装java环境，因为我是前端个人开发者，所以选择了java17

第一步，安装java环境

连接到你的远程服务器，打开终端

查看dnf是否有java包

dnf search java

安装

dnf install java-17-openjdk

第二部，安装jenkins

dnf中没有jenkins,所以需要指定下载，固定命令

wget –O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat-stable/jenkins.repo

导入GPG密钥以确保您的软件合法

rpm --import https://pkg.jenkins.io/redhat/jenkins.io.key

编辑文件

vi /etc/yum.repos.d/jenkins.repo

输入 i 进入编辑状态

输入

[jenkins]
 
name=Jenkins-stable
 
baseurl=http://pkg.jenkins.io/redhat
 
gpgcheck=1

之后按下esc

此时并没有完全退出

选着shift后，按下：键

之后输入wq

就退出来了

安装jenkins

dnf install jenkins

启动jenkins

systemctl start jenkins

查看状态

systemctl status jenkins

设置服务器启动，jenkins启动

systemctl enable jenkins

第三步，配置jenkins

jenkins访问端口是8080，此时你访问你的服务器8080端口是访问不了的

打开你的服务器的安全组，或者是防火墙，把8080端口加上

 再访问8080

 在终端

cat 你的路径

之后输入密码

之后需要安装插件，选择推荐插件

之后创建用户

在终端安装git

dnf insatll git

之后，在jenkins添加

安装node

 安装后重启

 设置别名，选择node版本，点击保存

 新建item

 上面图片代码是，注意文件夹名称

pwd
node -v
npm -v
 
npm install 
npm run build
 
pwd
 
echo '构建成功'
 
ls
 
# 删除/root/mall_cms文件夹里所有的内容
rm -rf /root/mall_cms/* 
 
cp -rf ./dist/* /root/mall_cms/

之后保存，就ok了

出来构建你的项目

 查看控制台 会有报错 你没有权限修改文件

 修改默认jenkins用户为root

 然后重启jenkins 再次构建

还不行的话，使用以下命令

 sudo usermod -a -G root jenkins

 再重启jenkins

systemctl restart jenkins

再次构建

还不行

chown -R jenkins /root/dist/

 再重启jenkins，再次构建

就ok了