1. Jenkins是什么? #
- Jenkins 是一款业界流行的开源持续集成工具，广泛用于项目开发，具有自动化构建、测试和部署等功能。
2.创建React项目 #
create-react-app react-cicd
3. 安装JDK #
cd /usr/local/src
wget http://img.zhufengpeixun.cn/jdk1.8.0_211.tar.gz
tar -xzvf jdk1.8.0_211.tar.gz
mkdir /usr/java
cp -r /usr/local/src/jdk1.8.0_211 /usr/java
ln -s /usr/java/jdk1.8.0_211/bin/java /usr/bin/java
4. 安装jenkins #
- update-center
- 1/etc/sysconfig/jenkins1 1JENKINS_USER="root"`
wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo
rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key
yum install -y jenkins
5. 安装插件 #
- Generic Webhook Trigger web触发器
- http://
: @ :端口/generic-webhook-trigger/invoke - http://admin:115c4e982964ccd7fc6082635e9812bc20@115.29.64.253:8080/generic-webhook-trigger/invoke
- http://
- Publish Over SSH 通过SSH布署服务器
- nvm wrapper 提供node环境
5. 关闭防火墙 #
systemctl stop firewalld.service
systemctl disable firewalld.service
6. 配置webhook #
- 添加远程仓库地址，配置登录名及密码及分支
- 添加触发器
- 添加和测试钩子
7. 编写构建脚本 #
npm config set registry http://registry.npm.taobao.org/ &&
npm install &&
npm -rf build &&
npm run build
9. 安装nginx #
vi /etc/yum.repos.d/nginx.repo
[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/7/$basearch/
gpgcheck=0
enabled=1
安装nginx
yum install nginx -y
10. 布署服务器 #
- Publish Over SSH
- 系统管理-系统设置里找到
Publish over SSH - ssh-copy-id命令可以把本地主机的公钥复制到远程主机的authorized_keys文件上,实现免登录
ssh-keygen -t rsa
ssh-copy-id 192.168.1.2
npm config set registry http://registry.npm.taobao.org/ &&
npm install &&
npm -rf build &&
npm run build
cd build&&
tar -zcvf build.tar.gz *
cd /usr/share/nginx/html &&
tar -xzvf build.tar.gz &&
rm -rf build.tar.gz
