Jekins上部署前端环境

绝地灬酷狼 2024-04-18 16:16 152阅读 0赞

安装Node

（1）创建文件夹，下载解压node

  1. wget https://nodejs.org/dist/v10.15.0/node-v10.15.0-linux-x64.tar.xz    // 下载
  2. tar xf  node-v10.15.0-linux-x64.tar.xz       // 解压

（2）找到修改/etc/profile文件

  1. vi  编辑 i 开启编辑模式   esc保存     shift+:wq
  2. export NODE_HOME=/usr/local/node  //Node所在路径
  3. export PATH=$NODE_HOME/bin:$PATH

执行命令 source /etc/profile 及在当前控制台更新

（3）node -v 看是否安装成功

git配置

（1）生成，照提示完成三次回车 zzz@ziasset.com

  1. ssh-keygen -t rsa -f ~/.ssh/id_rsa_ziasset -C "zzz@ziasset.com"

（2）公钥配置到git上

（3）配置 .ssh/config

  1. Host ziasset
  2. HostName library.ziasset.com
  3. User zzz
  4. Port 22022
  5. IdentityFile ~/.ssh/id_rsa_ziasset
  6. PreferredAuthentications publickey

（4）拉取项目代码

打包

（1）更新，install

  1. git pull
  2. npm install

如果遇到报错

  1. # npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed
  2.     # 手动安装ajv即可
  3.     npm install ajv@^6.0.0
  4. # npm WARN fsevents@1.2.0 had bundled
  5.     # mac下需要 fsevents，这里是在windows环境，所以可以忽略这个警告，对你没什么影响
  6. # Error: EACCES: permission denied, mkdir './node_modules/node-sass/.node
  7.     npm install node-sass --unsafe-perm --save-dev
  8. npm run build  # 打包成功！

编写脚本

  1. #!/bin/bash
  2. # 参数验证
  3. if [ $# -ne 2 ];
  4. then
  5.         echo '======>参数错误 $1:git项目名,$2:发布目录'
  6.         echo '======>    eg: travelweb travel-web'
  7.     exit
  8. fi
  9. Home=/opt/deploy/web
  10. #Project=travelweb
  11. Project=$1
  12. # 发布目录
  13. #Dir=travel-web
  14. Dir=$2
  15. ​
  16. cd $Home/$Project
  17. echo "进入 `pwd -P`"
  18. git pull
  19. NODE_HOME=/opt/node/node-v10.15.0-linux-x64
  20. export PATH=$PATH:$NODE_HOME/bin
  21. /opt/node/node-v10.15.0-linux-x64/bin/npm install
  22. rm -rf dist
  23. /opt/node/node-v10.15.0-linux-x64/bin/npm run build
  24. ​
  25. if [ $? -ne 0 ]; then
  26.     echo "======> 打包失败 exit......"
  27.         exit
  28. fi
  29. echo "======> 打包成功，开始发布到nginx"
  30. cp -rp dist/* /usr/local/webserver/nginx/html/$Dir

jenkins 配置

（1）新建任务
在这里插入图片描述
（2）构建自由风格的软件项目
在这里插入图片描述
执行shell

  1. /opt/deploy/web/deploy-dev.sh 参数1 参数2
  2. 参数1 ： git项目名称 
  3. 参数2 ： 发布nginx目录名称

发表评论

表情：
评论列表 （有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读