程序员的资源宝库

网站首页 > gitee 正文

jenkins码云自动打包部署前端项目

sanyeah 2024-03-29 14:53:25 gitee 7 ℃ 0 评论

(本例为同一个linux机器上操作)

1.机器安装Jenkins,使用命令安装(可安装自己需要的版本):

  1)wget https://prodjenkinsreleases.blob.core.windows.net/redhat/jenkins-2.332.1-1.1.noarch.rpm

  2)rpm -ivh jenkins-2.332.1-1.1.noarch.rpm

2.机器启动jenkins:

  service jenkins start或systemctl start jenkins

3.打开jenkins网址:

  http://机器ip:8080(默认8080,可自行更改)

4.根据页面提示完成初始化,来到以下界面:

5.新建任务:

6.配置旧构建管理,参考如下:

7.进行源码管理:

8.使用ssh方式需要添加以下凭据:

 9.机器输入以下命令生成秘钥:

  ssh-keygen -b 4096 -t rsa(ssh-keygen -t rsa也可,我用的前面那条)

  按三次回车不需要额外输入内容,秘钥生成在/root/.ssh文件夹,id_rsa为私钥,id_rsa.pub为公钥,将私钥填入第8步key,添加并选择如下图。

10.打开码云项目,添加公钥到该位置:

 11.回到jenkins,打开任务配置的构建触发器,选择如下:

  如果没有这个选项,说明没装码云相关插件,插件安装如下:

  打开系统管理->插件管理,搜索并安装以下插件,重启jenkins:

  

 12.重新回到构建触发器,将选项显示url,填入码云webhook,操作如下所示:

 

构建触发器选项往下翻,找到该项,点击生成密码填入码云webhook密码框内:

 13.进行如下打包配置,实现提交代码到码云,jenkins自动部署打包到服务器对应文件夹:

yarn install(npm容易出错)
rm -rf ./dist/*
npm run build
rm -rf /www/wwwroot/taotest/*
scp -r ./dist/* /www/wwwroot/taotest/

*执行shell命令的默认是jenkins用户,要确保操作的文件jenkins用户有相应权限,若没有权限,终端依次输入如下两条指令,以上述文件夹为例:

  chown -R jenkins /www/wwwroot/taotest

  chmod 777 /www/wwwroot/taotest

至此,完成jenkins+码云前端自动化打包部署,下一步是建站。

 

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表