服务器安装nginx
- 打开本地cmd命令窗口
// ssh 用户名@你的公网ip
ssh root@57.97.105.135
- 安装nginx并启动
//安装nginx
dnf install nginx
// 启动nginx
systemctl start nginx
// 开机启动nginx
systemctl enable nginx
- 在服务器的管理控制台，配置安全组，配置80端口，因为nginx默认打开的是80端口
安装git
dnf install git
安装java
dnf install java
安装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-2023.key
sudo dnf install jenkins
- 修改配置/etc/yum.repos.d/jenkins.repo
vi /etc/yum.repos.d/jenkins.repo
- 按字母i把内容改为下面代码
[jenkins]
name=Jenkins-stable
baseurl=http://pkg.jenkins.io/redhat
gpgcheck=1
按esc退出，按shinft+:，输入wq，保存并退出
- 安装jenkins
dnf install jenkins
- 启动jenkins
systemctl start jenkins
- 在服务器的管理控制台，配置安全组，配置8080端口，jenkins默认是8080端口
- 浏览器打开jenkins
-
你的ip:8080
微信截图_20230531120608.png
-
cat /var/lib/jenkins/secrets/initialAdminPassword
- 复制管理员密码并粘贴，点击继续
- 选择安装推荐的插件等待完成
- 输入用户名-密码等信息，保存并继续
- 实例配置：默认情况下保存并完成
-
安装node\gitee插件
2.png
3.png
4.png - 退出，重新进入
-
全局工具配置node
8.png
9.png
-
点击左侧菜单“新建任务”，输入任务名，选择构建一个自由风格的软件项目
5.png -
丢弃旧的构建: 省空间
11.png -
添加项目地址及项目凭证
6.png 输入gitee账号及密码，确定
在Credentials下拉框里选择刚刚添加的凭证
选择指定的分支，如果你的代码主分支是master就写/master，如果是main就写/main
-
根据自己需求定义构建时间
7.png -
选择node构建环境
10.png 输入执行shell命令
echo '准备开始构建'
pwd
# 看一下node和npm是否安装成功
node -v
npm -v
# 安装插件
npm install
npm run build
# 看一下当前所在的位置
pwd
echo '构建成功了'
# 看一样列表文件
ls
# 删除/root/你的文件夹名/* 里的所有文件
rm -rf /root/react_demo/*
# 把打包的文件夹放到/root/react_demo
# react项目build，vue项目dist
cp -rf ./build/* /root/react_demo/*
# cp -rf ./build/* /root/react_demo
1.png
点击保存
- 在root下创建文件夹react_demo
mkdir react_demo
- 修改nginx启动文件夹
- 文件配置路径/etc/nginx/nginx.conf
cd /etc/nginx vi nginx.conf
修改 user为root
修改 默认打开目录及首页文件，try_files为处理react项目路由模式为的browserHistory模式，刷新访问不了的问题
3.png
- 输入i，按shift+:，输入wq保存并退出，回车，重启nginx
自己构建没有权限Permission denied
- 方式一：修改jenkins的配置文件
- 改一个默认的jenkins用户，改为root
- 修改文件路径：/etc/sysconfig/jenkins
- vi /etc/sysconfig/jenkins
- 输入i
-
修改后按esc，按Shift+：，输入wq保存并退出
2.png
修改后需要重启jenkins
systemctl restart jenkins
- 方式二：
# 将jenkins添加到root组中
sudo usermod -a -G root jenkins
systemctl restart jenkins
- 方式三：
# 给jenkins目录权限
chown -R jenkins /root/react_demo
systemctl restart jenkins
git push自己构建
- 在构建配置里勾选: Gitee webhook 触发构建，需要在 Gitee webhook 中填写 URL: http://47.97.105.135:8080/gitee-project/test_demo_auto
1.png
-
生成 webhook密码
2.png -
打开gitee项目，添加webhook
3.png -
输入从jenkins复制过来的url和webhook密码
4.png
完成后，可自行测试
