yy熊孩子,博白县中学,牛鼻子软件专业版
背景
公司的前端项目部署方式比较简单,整个过程基本上是手动的;
目标
通过工具实现以下几个任务:
技术方案
步骤
步骤一:搭建 jenkins
搭建 jenkins 有很多方案,这里选择使用 docker 搭建。
docker-compose.yml 的内容如下:
version: '3' services: fejenkins: user: root image: jenkinsci/blueocean ports: - "8080:8080" - "50000:50000" volumes: - /data/jenkins_home:/var/jenkins_home - /data/nm_cache:/var/nm_cache - /var/run/docker.sock:/var/run/docker.sock
通过 docker-compose up 命令启动;启动后通过初始密码进行第一个用户的创建和 jenkins 初始化的一些列操作,初始密码会打印在 jenkins docker 启动命令行的输出中,注意查看。
当然也可以不使用 docker-compose:
docker run --rm -u root -v /data/jenkins_home:/var/jenkins_home -v /data/nm_cache:/var/nm_cache -v /var/run/docker.sock:/var/run/docker.sock -p 8080:8080 -p 50000:50000 jenkinsci/blueocean
稍做解释:
步骤二:配置 jenkins
添加 credentials
通过 jenkins 进行 git 操作需要对应 git repo 的权限,这里需要用到有 git repo 权限的密钥文件。同样,通过 jenkins 将编译产物 scp 到服务器上的时候,也需要服务器的密钥文件。
这两类密钥文件需要配置在 jenkins 中,在:jenkins > credentials > system > global credentials (unrestricted) 里进行 add credentials 的操作。
添加 jenkins item
jenkins > new item,然后选择 pipeline,在下面的 pipeline 配置区域的 definition 中选择 pipeline script,script 如下:
pipeline { environment { server_ip_1 = "11.22.33.44" server_credentialsid = "abcd1234-abcd-abcd-abcd-abcd1234abcd" server_deploy_dir = "/your/www/path/" cache_dir = "/var/nm_cache/your_project_name/" git_url = "git@github.com:example/example.git" git_branch = "master" git_credentialsid = "abcd1234-abcd-abcd-abcd-abcd1234abcd" } agent none stages { stage('checkout code') { agent any steps { git ( branch: "${git_branch}", credentialsid: "${git_credentialsid}", url: "${git_url}", changelog: true ) sh ''' ls -al cache_dir="${cache_dir}" cache_nm="${cache_dir}node_modules" cache_lock="${cache_dir}yarn.lock" if [ ! -d "$cache_dir" ]; then mkdir ${cache_dir}; fi if [ ! -d "$cache_nm" ]; then mkdir ${cache_nm}; fi if [ -d "$cache_nm" ]; then ln -sf ${cache_nm} ./; fi if [ -f "$cache_lock" ]; then mv -n ${cache_lock} .; fi ls -al ''' } } stage('build') { agent { docker { image 'node:8-alpine' args '' } } steps { sh ''' npm config set registry https://registry.npm.taobao.org yarn install yarn build tar -cvf build.tar build ls -al mv ./yarn.lock ${cache_dir} rm -rf ./node_modules ls -al ''' archiveartifacts artifacts: 'build.tar', fingerprint: true } } stage('deploy') { agent any steps { unarchive mapping: ['build.tar': 'build.tar'] echo '--- deploy ---' sshagent(["${server_credentialsid}"]) { sh "scp -o stricthostkeychecking=no build.tar root@${server_ip_1}:${server_deploy_dir}" sh "ssh -o stricthostkeychecking=no root@${server_ip_1} \"rm -rf ${server_deploy_dir}build; tar -xvf ${server_deploy_dir}build.tar -c ${server_deploy_dir}\"" } } } } }
稍做解释:
这个部署脚本分为三个步骤:
在 build 阶段前后,我们各做了一些工作,以求每次部署可以复用 node_modules,因为下载 node_modules 的时间可能很长,而并不是每次都会修改 package.json,所以其实 node_modules 大概率可以复用;
编译前:
编译后:
这里使用了 yarn install 的某些特性:
使用
编译和部署
编译和部署直接点击 build now 即可;
回滚
回滚的本质其实是:重新部署某个历史版本。在 build history 找到想要重新部署的版本,点击 restart from stage,在新页面中选择 stage name 为 deploy。
其他
若是想要进入 docker container 交互,可以通过以下命令
docker exec -i -t [dockername] /bin/bash
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
怎么理解wx.navigateTo的events参数使用详情
微信jssdk踩坑之签名错误invalid signature
网友评论