Jenkins前端部署自动化

前言:大部分工作都是后端做的,文章的前提是后端已经将Jenkins部署到服务器上,文章仅为个人学习记录。

一、Jenkins操作

  • 登录

image-20210302160753660.png
  • 新建项目(例如test)

image-20210302160913299.png
image-20210302161001899.png
  • Configure:Repository URL 仓库地址 Credentials 管理员名字(需自己新建)

image-20210302161440771.png
image-20210302161616537.png
image-20210302161647968.png
  • 我的项目使用的是yarn命令,需要新增一步:使用Xshell,连接服务器,在服务器上添加yarn,请一定使用全局安装-g

     npm install yarn -g 
    
  • Command:根据你之前部署在服务器上的位置更改相应的目录

    source /etc/profile
    cd /volumes/jenkins_home/workspace/test
    yarn install 
    yarn build 
    rm -rf build.tar.gz 
    tar zcvf build.tar.gz build
    cd /work/test
    mv /volumes/jenkins_home/workspace/test/build.tar.gz  ./
    tar zxvf build.tar.gz 
    rm -rf build.tar.gz   
    

二、添加钩子:进入你的仓库

image-20210302162352137.png

三、更新项目

git add .
git commit -m '20210302'
git push
image-20210302162721144.png

四、其他

如果出现build失败的情况点击,如#8,查看输出信息。

image-20210302162907466.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容