github + jenkins 自动化部署前端包

1、 我用了一个跨平台的SSH软件Termius

image.png

2、New Hosts ，填写相关的服务器信息

image.png image.png

3、点击 Connect via SSH

image.png

4、 安装java环境

yum install -y java

安装成功

image.png
5、 然后再安装jenkins，将添加jenkins到yum库

 wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.repo
 rpm --import https://jenkins-ci.org/redhat/jenkins-ci.org.key
 yum install -y jenkins
 service jenkins start

6、输入自己服务器名:8080，进入jenkins可视化配置页面。jenkins的端口默认就是8080.解锁jenkins，输入密码，jenkins它会提示你怎么找到密码

image.png
7、安装插件（这里有推荐的和自己选择的插件）
image.png
我选择了推荐的

8、然后推荐的插件中没有node.js插件，所以我们还要自己手动安装下

image.png

安装好之后会让你新建一个任务

9、新建一个任务

image.png

10、输入任务名称和选中freeStyle

image.png
11、为了测试方便，我发布一个很简单的前端网页
配置了github地址
image.png

勾选上github钩子

image.png
12、保存之后点击立即构建 image.png

13、点击控制台输出，可以看到日志

image.png

14、在自己的服务器上配置网站目录，我这里用了一个[宝塔]网站管理工具，
直接在你terminus上面安装

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

15、宝塔工具安装成功

image.png

16、根据对应的提示进入可视化网站管理配置界面

将13点的文件目录拷贝过来

image.png

17、配置github hooks
配置这个的原因是让jenkins检测代码的变化，从而实现所谓的自动化部署

image.png