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窗口 手动输入命令上传 看是否上传成功。

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

祝大家学习和工作愉快

相关推荐
遇乐的果园12 分钟前
前端学习笔记-vue状态管理优化
前端·笔记·学习
GIS阵地1 小时前
QgsSingleBandPseudoColorRenderer 完整详解(QGIS 3.40.13 C++)
开发语言·前端·c++·qt·qgis
王维同学2 小时前
[原创][Windows C++]LSA 认证、安全与通知包的注册表枚举
c++·windows·安全
刘较瘦_2 小时前
AI 开发中的 Git Submodule 父子仓库模式:前后端分仓管理与协作实践
前端·github
牧艺2 小时前
cos-design WeatherBackground:用 Canvas 做一个「会变天」的背景引擎
前端·canvas·视觉设计
YCOSA20252 小时前
雨晨 Windows 11 IOT 企业版 LTSC 24H2 轻装 2合1 26100.8968
windows·物联网
OpenTiny社区2 小时前
深度解析 LSP 如何为 AI 装上“眼睛”
前端·ai编程
布列瑟农的星空2 小时前
流程类SVG画布的通用开发范式
前端
fsssb2 小时前
Chromium 源码学习笔记(七):那些跨进程的调用,底下都是同一个东西——Mojo
前端
汤姆yu2 小时前
CodeGeeX 4完整安装与实操使用全指南
人工智能·windows·ai·智能体·视频模型