Jenkins(本地Windows上搭建)上传 Pipeline构建前端项目并将生成dist文件夹上传至指定服务器

  1. 下载安装jdk
    https://www.oracle.com/cn/java/technologies/downloads/#jdk21-windows

  2. 下载jenkins window版 双击安装
    https://www.jenkins.io/download/thank-you-downloading-windows-installer-stable/


  3. 网页输入 http://localhost:8088/

  4. 输入密码、设置账号、安装推荐插件即可

  5. 下载Jenkins插件 Gitee Publish Over SSH SSH Agent

  6. 配置插件-Gitee

  7. 在本地电脑上生成ssh秘钥
    ssh-keygen -t rsa -b 4096

  8. 将公钥上传至服务器并测试连接
    ssh -p 22000 root@1.117.121.53
    echo your_public_key_string >> ~/.ssh/authorized_keys

    配置文件权限:
    chmod 700 ~/.ssh
    chmod 600 ~/.ssh/authorized_keys

  9. jenkins上添加刚才生成的私钥

  10. 配置 SSH Servers


  11. 新建Item Pipeline 编写PipeLine脚本

    添加一个gitee username password凭据 并复制凭据ID

js 复制代码
pipeline {
    agent any
    stages {
        stage('Checkout') {
            steps {
              //复制gitee 凭据 id
                git credentialsId: 'a6f82459-a7ed-4c87-ac6d-9dcc2f7655f4', 
                url: 'https://gitee.com/qg-iterative-react-temp.git',
                branch: 'master'
            }
        }
        stage('Build') {
            steps {
                bat 'npm install'
                bat 'npm run build'
                //复制ssh 私钥凭据 id
                 sshagent(credentials: ['04f4cba3-03c5-4130-986b-66582641eb9a']) {
                   //先将服务器上的文件夹内容删除
                   bat "ssh -p 22000 root@1.117.121.53 'rm -rf /www/wwwroot/qg-iterative-react-temp/*'"
                   //将本地文件夹打包  上传  在服务器端解压
                   bat "tar czf - -C C:/ProgramData/Jenkins/.jenkins/workspace/qg-iterative-react-temp/dist . | ssh -p 22000 root@1.117.121.53 'tar xzf - -C /www/wwwroot/qg-iterative-react-temp'"
                }
            }
        }
    }
    post {
        always {
            echo 'Build complete.'
        }
    }
}
  1. 开始构建

(1)不推荐的做法 关闭ssh秘钥检查

修改脚本执行代码处 -o StrictHostKeyChecking=no

js 复制代码
ssh  -o StrictHostKeyChecking=no -p 22000 root@.117.121.53

(2)删掉这个

还不行继续baidu、 bing.com

使用cmd窗口 手动输入命令上传 看是否上传成功。

虽然踩了一些坑,但是中途还会遇到一些问题,比如安全组放行端口,防火墙配置等, 还需要根据特定问题查一些资料。

祝大家学习和工作愉快

相关推荐
三8446 小时前
TLS + Web API 安全 · 05 · JWT 与 OAuth2 攻防
前端·安全
MIXLLRED6 小时前
Windows 搭建《动手学深度学习》PyTorch 环境:从安装到踩坑记录
pytorch·windows·深度学习
fogota6 小时前
C# `string.Join` 处理 `List<int>`
windows·c#
zhongwei2286 小时前
vba将一个文件夹的内容复制到另外一个文件夹的函数,若存在则是否覆盖的参数。复制前检查源文件夹是否存在。若目标文件夹不存在,则新建
前端·vba
怕浪猫7 小时前
分享一个做视频的skill,这条白板视频,每一笔都是代码画的
前端·javascript·面试
aa小小7 小时前
大屏自适应缩放方案
前端·数据可视化
陪我去看海8 小时前
被要求猛出小程序,做了这个多平台多环境的部署替我承受压力
前端·微信小程序·抖音小程序
Frag0ut9 小时前
告别插件时代:HTML5 视频播放对比 Flash/Silverlight/ActiveX 的性能与技术优势解析
前端·html5·视频播放·flash·activex·流媒体技术·silverlight
用户818618028009 小时前
MongoDB文档模型设计——从建模到索引
前端
無名路人9 小时前
小程序点餐页吸顶滚动之分类按需加载,上划切换
前端·vue.js·微信小程序