当前位置: 首页 > article >正文

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.
    在这里插入图片描述
    在这里插入图片描述

  11. 新建Item Pipeline 编写PipeLine脚本
    添加一个gitee username password凭据 并复制凭据ID
    在这里插入图片描述

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

ssh  -o StrictHostKeyChecking=no -p 22000 root@.117.121.53

(2)删掉这个
在这里插入图片描述

还不行继续baidu、 bing.com

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

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

祝大家学习和工作愉快

原文地址:https://blog.csdn.net/weixin_45062076/article/details/136022727
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.kler.cn/a/231468.html

相关文章:

  • 代码随想录算法训练营第五十八天 | 739. 每日温度、496. 下一个更大元素 I
  • 14 归并排序和其他排序
  • ASP.NET Core MVC 控制查询数据表后在视图显示
  • 【Linux开发工具】yum命令详解
  • STM32/C51开发环境搭建(KeilV5安装)
  • SQL注入微境界
  • Docker Compose实例
  • javaEE - 20( 18000字 Tomcat 和 HTTP 协议入门 -1)
  • Python||数据分析与可视化_使用折线图分析各个城市的P.M.2.5月度差异情况(下)及使用堆叠柱状图对各个城市的PM2.5日均值情况进行数据分析与可视化
  • CTFshow web(命令执行29-36)
  • 【51单片机】实现一个动静态数码管显示项目(超全详解&代码&图示)(5)
  • 如何使用C#调用LabVIEW算法
  • 怎么给《Cyberpunk 2077》制作功能性MOD
  • 装箱问题(洛谷)
  • 用爬虫自建行业知识库
  • 三、设计模式相关理论总结
  • Leetcode刷题笔记题解(C++):64. 最小路径和
  • TI毫米波雷达开发——High Accuracy Demo 串口数据接收及TLV协议解析 matlab 源码
  • JAVA的学习Day1
  • uniapp /微信小程序 使用map组件实现手绘地图方案