TIP

上篇文章说了一下如何使用宝塔在服务器部署前端的项目，但是这种做法虽然也是可以的，但是比较麻烦，每次迭代更新打包都需要手动上传dist文件到服务器下，那么接下来说一下使用jenkins在服务器上发布项目；

1panel需要使用docker环境安装，具体看官网

接下来具体说一下如何使用jenkins部署前端项目

安装 Jenkins

首先在应用商店搜索jenkins，然后进行安装，接着傻瓜式安装，当然要勾选外部端口，这样才能访问http:xxxx:8080,等待其安装完成，安装成功之后，如下图:

找到图中的服务端口按钮，打开网页如图： 这里需要输入密码，密码的存放地址在网页中已经标明，只需要在服务器上找到即可，但是这里我们在1panel中找到图一中的日志按钮，如图： 接着在jenkins傻瓜式安装即可，如图：

然后等待jenkins安装完成 自行配置用户名 安装对应的插件, Nodejs, Git Parameter, Publish Over SSH当然您也就可以安装需要的插件

添加流水线

在左侧菜单新建Item构建，大致流程就是

1. 添加git地址，配置你的账号密码
2. 配置对应的操作，如：选择分支，选择发布环境
3. 配置构建命令等，将打包后的文件上传到服务对应的域名
4. 配置发布之后发送的邮件信息，这样就能收到成功或者失败的邮件

创建网站

最后在jenkins配置shell 解释上图：

1. 系统运用的是docker, 那么就用docker cp当前的目录或者的 dist 的目录
2. 复制到对应容器的网站
3. 1Panel-openresty-qVw7是docker容器，也是1panel容器
4. /www/sites/154.37.212.237是刚刚创建的网站, index是这个网站的根目录；

那么设置完成之后，就可以重新打开网页就可以了；

关于jenkins的简单使用就到这里了，如果喜欢1Panel那就自己花时间研究一下吧！