jenkins自动化部署vue

雨点打透心脏的1/2处 2022-11-02 11:51 289阅读 0赞

# jenkins自动化部署vue #

## 一、nodejs配置 ##

首先加入nodejs插件  
![这里写图片描述][70]–>![这里写图片描述][70 1]–>![这里写图片描述][70 2]  
在配置里面配置这个插件  
![这里写图片描述][70 3]–>![这里写图片描述][70 4]  
这样我们就能在自动构建发布的配置里看到nodejs的编译选项了  
![这里写图片描述][70 5]

## 二、发布配置 ##

首先新建一个自由风格的项目  
![这里写图片描述][70 6]

然后配置构建保留天数和参数化构建  
这里选择在svn上的资源，配置好访问的用户信息  
![这里写图片描述][70 7]  
这样我们在构建的时候能看到项目的不同版本  
![这里写图片描述][70 8]

接下来选择构建的数据源位置  
![这里写图片描述][70 9]

![这里写图片描述][70 10]

echo $PATH
    node -v
    npm -v
    npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
    npm install
    npm run build
    cd dist
    rm -rf vue-mall.tar.gz
    tar -zcvf vue-mall.tar.gz *
    cd ../

![这里写图片描述][70 11]

cd /usr/local/nginx/html
    rm -rf mall
    mkdir mall
    tar -zxvf vue-mall.tar.gz -C mall/
    rm -rf vue-mall.tar.gz

ssh server的配置如下  
![这里写图片描述][70 12]–>![这里写图片描述][70 13]

## 三、遇到的问题 ##

①npm代理问题  
在jenkins的服务器上设置npm config

#可以访问外网的代理ip地址和端口
    npm config proxy=http://ip:port
    npm config https-proxy=http://ip:port
    #镜像选择淘宝的镜像
    npm config set registry=http://registry.npm.taobao.org
    npm info underscore （如果上面配置正确这个命令会有字符串response）

②chromedriver@2.37.0 install: \`node install.js  
![这里写图片描述][70 14]

这里我们在上面的构建中已经有体现，加上如下命令

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

[70]: https://img-blog.csdn.net/201807311628220?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbnNvbmxlcg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: https://img-blog.csdn.net/20180731163011187?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbnNvbmxlcg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 2]: /images/20221024/fe893e58c4de4de5a4f3c44dfd207218.png
[70 3]: https://img-blog.csdn.net/20180731163325754?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbnNvbmxlcg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 4]: /images/20221024/bbec10a34a0347ddb1232e751cb703cf.png
[70 5]: /images/20221024/c45fbb491555432ca18a0f1d82946810.png
[70 6]: /images/20221024/bfa1ac0f3fce42368ffac7cc70b17815.png
[70 7]: /images/20221024/9a4a8f6feffe4a30ad702aa80fcbf835.png
[70 8]: /images/20221024/519d2c0223f845e8a780a7de489f9dd8.png
[70 9]: /images/20221024/b96196119a9f4aebb685ba585d31b72b.png
[70 10]: /images/20221024/7e62433b2ce74654b0a6eb380b6ce0b6.png
[70 11]: /images/20221024/a33c8b161dd44b2ab09db1e83a1605b6.png
[70 12]: https://img-blog.csdn.net/20180731171303494?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbnNvbmxlcg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 13]: /images/20221024/c010c05e156b4b22b888157d21033ee0.png
[70 14]: /images/20221024/2451f6219e7e48ab8dc993e2d006e65d.png