小白-基于Jenkins和Github的前端自动部署三

创建项目
  1. 创建一个自由风格项目小白-基于Jenkins和Github的前端自动部署三_第1张图片
  2. 填写项目描述小白-基于Jenkins和Github的前端自动部署三_第2张图片
  3. 添加源码管理

    • 添加仓库地址小白-基于Jenkins和Github的前端自动部署三_第3张图片
    • 添加凭证小白-基于Jenkins和Github的前端自动部署三_第4张图片
  4. 设置构建触发器,实现github push时自动部署小白-基于Jenkins和Github的前端自动部署三_第5张图片

    • 需要在github设置,当github push时通知服务器。实现这一步服务器需要可以被外网访问到
    • SCM轮询

      github repository -> settings -> webhooks

      小白-基于Jenkins和Github的前端自动部署三_第6张图片

  5. 构建 执行shell 小白-基于Jenkins和Github的前端自动部署三_第7张图片

    • npm install 慢的问题,可以通过更换淘宝镜像解决

      npm config set registry https://registry.npm.taobao.org
    • 在移动文件夹的时候遇到Jenkins权限不足的错误,解决方法就是把要操作的目标文件夹的所有者设置为Jenkins

      chown -R jenkins /home/www

      /home/www换成你的项目所在的文件

  6. 一个简单的Jenkins 前端自动部署完成

你可能感兴趣的:(前端,jenkins,自动部署)