Skip to content

TIP

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

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

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

安装 Jenkins

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

x

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

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

添加流水线

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

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

XXX

创建网站

X

最后在jenkins配置shellX 解释上图:

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

X

那么设置完成之后,就可以重新打开网页就可以了; X

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

wangxiaoze | MIT License.