jenkins通过pipeline发布nodejs web项目+nginx代理

不念不忘少年蓝@ 2023-01-19 07:23 266阅读 0赞

一，实验环境

1，需要两台centos7的系统  
       192.168.136.128    安装jenkins，git ，nodejs

192.168.136.129    安装nginx

安装软件的步骤省略

2，jenkins需要安装以下插件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70][]

![20210508173750225.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 1][]

3，nodejs的安装可以到官网下载

官网下载地址:[https://nodejs.org/dist/latest/][https_nodejs.org_dist_latest]  
wget [https://nodejs.org/dist/latest/node-v10.10.0-linux-x64.tar.gz][https_nodejs.org_dist_latest_node-v10.10.0-linux-x64.tar.gz]

![71538309258ef51ce43237186e088149.png][]

4，解压安装

tar -xvf node-v10.10.0-linux-x64.tar.gz -C /usr/local

重命名

cd /usr/local

mv node-v10.10.0-linux-x64 nodejs

配置环境

vim  /etc/profile

export PATH=/usr/local/nodejs/bin:$PATH

source /etc/profile

安装cnmp与配置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

![Jenkinsèªå¨åé¨ç½²nodejsé¡¹ç®ï¼åç«¯é¡¹ç®ï¼][Jenkins_nodejs]

查看npm,cnpm,node版本号

![Jenkinsèªå¨åé¨ç½²nodejsé¡¹ç®ï¼åç«¯é¡¹ç®ï¼][Jenkins_nodejs 1]

npm和 cnpm区别：  
npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） npm安装插件过程：从http://registry.npmjs.org下载对应的插件包（该网站服务器位于国外，所以经常下载缓慢或出现异常）。  
cnpm是国内的淘宝团队分享的镜像，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。  
cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm。

5，需要192.168.136.128这台机器向192.168.136.129发送公钥实现免密登录（过程省略）

Jenkins实现凭证配置（两种方式都行用户名密码或者私钥认证）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 2][]

Publish over SSH配置用来发送文件到192.168.136.129这台机器

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 3][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 4][]

6，jenkins的nodejs配置（Global Tool Configuration）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 5][]

7，新建一个项目（名称就是项目的名字）pipeline流水

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 6][]

8，主要的配置如下：

配置一个参数，如果以后还有项目，构建的时候可以灵活选择

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 7][]

pipeline如下：

pipeline\{  
    agent any     
stages \{  
  stage('checkout')\{   //通过git把代码拉取下来  
    steps \{  
    checkout(\[$class: 'GitSCM', branches: \[\[name: '\*/master'\]\], extensions: \[\], userRemoteConfigs: \[\[credentialsId: 'aa23ce80-8140-4b17-b17b-f1cb82718f8a', url: 'https://github.com/cpaqyx/fastwave.cloud.framework.git'\]\]\])  
   \}  
  \}  
  stage('build') \{     //安装并运行nodejs  
           steps \{  
              nodejs('node10') \{    //node10就是前面jenkins中配置的nodejs别名  
                   sh '''  
                         cd $\{single\_project\_name\}  
                          rm -rf dist  
                          npm install   
                          npm run build  
                          cd dist  
                          JENKINS\_NODE\_COOKIE=dontKillMe nohup npm start &  
                      '''  
               \}  
           \}   
        \}  
          
    stage('publish')\{  //把项目的文件推送到nginx的工作目录/usr/share/nginx/html  
            steps\{  
                  
                sshPublisher(publishers: \[sshPublisherDesc(configName: 'web\_client', transfers: \[sshTransfer(cleanRemote: false, excludes: '', execCommand: '', execTimeout: 120000, flatten: false, makeEmptyDirs: false, noDefaultExcludes: false, patternSeparator: '\[, \]+', remoteDirectory: '/usr/share/nginx/html', remoteDirectorySDF: false, removePrefix: 'fastwave-web-admin/dist/', sourceFiles: 'fastwave-web-admin/dist/\*\*')\], usePromotionTimestamp: false, useWorkspaceInPromotion: false, verbose: false)\])  
      
                  
            \}  
   
        \}  
    \}

以上checkout的pipeline语法可以如下生成：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 8][]

![20210508182707753.png][]

以上publish的pipeline语法可以如下生成：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 9][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 10][]

9，构建成功

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 11][]

10，如果192.168.136.129这台nginx没启动需要启动，启动不用管

访问192.168.136.129，直接点击登录即可

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 12][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70]: /images/20221021/7d99aff578134cb59278c51d5d58f8a0.png
[20210508173750225.png]: /images/20221021/0170a89b11ad4ed8bfd9824b347b09dd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 1]: /images/20221021/2e13227e1db647ec95b1f742a3b1fa13.png
[https_nodejs.org_dist_latest]: https://nodejs.org/dist/latest/
[https_nodejs.org_dist_latest_node-v10.10.0-linux-x64.tar.gz]: https://nodejs.org/dist/latest/node-v11.14.0-linux-x64.tar.gz
[71538309258ef51ce43237186e088149.png]: /images/20221021/73e5436db45f40cdb1740c9fcaf1e3cc.png
[Jenkins_nodejs]: /images/20221021/8279148de148475991512c26a25e4e22.png
[Jenkins_nodejs 1]: /images/20221021/1894de2536ec4c668359647618338e87.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 2]: /images/20221021/cde5e65a5bdc4a8da56d82b3e4ff7818.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 3]: /images/20221021/1323389363974d0faaec1d815b9bdd1e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 4]: /images/20221021/19fbdec01eee4bb280a7e599de320c4f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 5]: /images/20221021/f485786452864744a2bb2af1848bc3dc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 6]: /images/20221021/5ca3907ebbff4672a9433bd42c90535d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 7]: /images/20221021/0614878a8a9448b6acc98801c185625e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 8]: /images/20221021/cb46313228bf4da5bb17c82dbb9737e9.png
[20210508182707753.png]: /images/20221021/9c1f726ea1144ab289442769c5cb4ddc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 9]: /images/20221021/6e8c82915193469593130812f841a3b0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 10]: /images/20221021/7792cba9743645fea0718ba314e68626.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 11]: /images/20221021/55bf606796df4421be8b327ef0d38869.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdWt1bmRlYm9rZQ_size_16_color_FFFFFF_t_70 12]: /images/20221021/925cc634a0e040a98deec953f7bdbe96.png