做网站专题怎样添加微博,搜索引擎网站使用的排名规则,网络规划设计师考试科目,wordpress 登录后才能查看文章如今的前端项目已不像之前直接写完代码#xff0c;扔到服务器直接运行了。免不了安装依赖#xff0c;执行build过程#xff0c;然后再将打包后的代码上传到服务器#xff0c;可能还需要更改配置文件啥的。如此多的步骤严重影响开发的日常划水时间。所以jenkins自动化部署少… 如今的前端项目已不像之前直接写完代码扔到服务器直接运行了。免不了安装依赖执行build过程然后再将打包后的代码上传到服务器可能还需要更改配置文件啥的。如此多的步骤严重影响开发的日常划水时间。所以jenkins自动化部署少不了。听说这个老头可以帮你做很多事直接进入正题登录进入jenkins后台在Dashboard左侧菜单新建任务选择流水线任务类型输入任务名称可以是项目名称然后确认进入配置页面该页面有四个TabGeneral主要是一些基本的配置项可不填构建触发器主要是触发构建任务的条件配置有的时候比如你想在你提交代码的时候就触发构建或者合并代码到主分支的时候触发可以通过gitee WebHook来配置生效不需要自动触发构建的可以不需要理会高级项目选项忽略流水线这个是主要的内容编写自定义的Pipeline script类似于shell脚本pipeline {agent anyenvironment {CODE_REPOSITORY gitgitee.com:argusai/cloth-client-manager-app.git}stages { stage(拉取代码) {steps {echo fetch code from ${CODE_REPOSITORY}deleteDir()git ${CODE_REPOSITORY}}}stage(打包) {steps {echo package.....sh yarn installsh yarn build}}stage(部署代码) {steps {echo sh cp -rf ./dist/* /data/service/cloth-cloud/cloth-client-manager-appsh /data/service/cloth-cloud/cloth-client-manager-app-start.sh}}}}
整个构建过程被我们自定义为三步首先从git或者gitee拉取最新的代码到jenkins服务器拉取之前先执行deleteDir()删除之前的代码目录第二步是执行命令编译打包的过程yarn install 安装项目依赖然后build出包一般在项目根目录dist下面第三步的过程就是将dist里面打包后的代码拷贝到服务器nginx配置的项目目录并且执行一个shell脚本目的是拷贝一份生产环境的配置到项目目录有的时候配置文件不方便打包进项目随时修改的需要如果项目部署和jenkins不在一个服务器也可以通过其它的方式同步到生产服务器。为了公司的内部协同还可以在这里做很多事例如配置钉钉机器人通知将打包后的信息同步到工作群里。最后配置好任务之后试一下点击立即构建可以清晰的看见每一步的完成进度如果哪一步出错了还可以点击log来查找错误的输出日志进行跟踪。
