• Jenkins自动构建部署vue项目到远程Windows服务器上 腾讯工蜂(git) 一键打包+部署+解压+发布(下)jenkins的环境配置和使用


    1.jenkins中node环境的配置

    1.1.在Jenkins中安装NodeJS Plugin

    1.2.全局配置中安装NodeJS

    Manage Jenkins -> Global Tool Configuration -> NodeJs(点击新增NodeJS按钮) 如下图所示:

    此处可以选择node的版本号

    点击保存按钮即可。

    1.3.在构建环境配置下安装nodejs

    构建环境勾选 Provide Node & npm bin/folder to PATH,如下图所示:

    每次build,都会首先执行环境构建。如果环境配置正确后,才会开始真正的实现构建过程。

     2.Jenkins的使用

    2.1.新建一个项目

    2.2.配置General,按需配置

    2.3.配置源码管理,需要配置远程的git仓库地址和账号,注意对应的分支

     

    在jenkins里面,从腾讯工蜂里面拉取代码,此时代码被存放在“C:\ProgramData\Jenkins\.jenkins\workspace\webvueyw”的路径里

    2.4.配置构建环境

    2.5.配置构建

    选择Send files or execute commands over SSH,之前配置了SSH连接对象。

    2.5.1.选择Execute Shell的方式

     2.5.2.在Execute Shell里面写上编译命令行

     

    node -v   可以查看jenkins里面的node环境的版本号

    npm -v   可以看到jenkins里面的npm环境的版本号

    npm run build:prod   在jenkins里面进行打包代码的行为,在这个路径的文件夹下面“C:\ProgramData\Jenkins\.jenkins\workspace\webvueyw”生成dist文件,文件里面有 static文件夹+index.html+favicon.ico

    cd dist   进入dist文件夹中

    tar -czvf ../yw.jnydnyy.com.tar.gz *   打包dist文件夹里面的三个文件,把打包后的文件命名为yw.jnydnyy.com.tar.gz,并且yw.jnydnyy.com.tar.gz包和dist文件夹位置并列

     2.6.配置构建后的操作

    2.6.1.点击构建后操作步骤按钮,选择“Send build artifacts over SSH”

     2.6.2.设置具体参数

    Source files   从本地传过来的包的名称

    Remote directory   远程windows服务器存放这个yw.jnydnyy.com.tar.gz包的位置

    Exec command   解压从yw.jnydnyy.com.tar.gz包

    d:/wwwroot_test   把yw.jnydnyy.com.tar.gz这个包从本地通过ssh发送到远程windows服务器的d盘下的wwwroot_test文件夹里面去

    tar zxvf d:/wwwroot_test/yw.jnydnyy.com.tar.gz -C d:/wwwroot_test/yw.jnydnyy.com  在远程windows服务器的d盘下的wwwroot_test文件夹里面找到从本地传过来的yw.jnydnyy.com.tar.gz包,并把这包解压到远程windows服务器的d盘下的wwwroot_test文件夹下的

    3.现在jenkins的配置已经大体完成,点击相应项目下的build now按钮,进行一键打包解压发布操作。

    4.以下是控制台输出的成功日志

     

    参考---https://blog.csdn.net/xiaoxin_OK/article/details/122441071

    参考---https://www.jianshu.com/p/535907150088

    参考---https://blog.csdn.net/xieye114/article/details/84148606

  • 相关阅读:
    solution for "cannot find vcvarsall.bat" in Python
    fast debug a program with GDB
    pLSA 浅析
    argsort in Python
    how to create html from tex source file
    google云输入法以及在chrome中的插件
    贝叶斯估计浅析
    JavaScript学习篇(5)
    JavaScript学习篇(6)
    JavaScript学习篇(2)
  • 原文地址:https://www.cnblogs.com/pwindy/p/16285716.html
Copyright © 2020-2023  润新知