前端工程化：保姆级教学 Jenkins 部署前端项目

# 下载 Jenkins 资源sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat/jenkins.repo# 获取并导入信任 的包制作者的秘钥sudo rpm --import https://pkg.jenkins.io/redhat/jenkins.io.key# 升级 yum 源中的所有包sudo yum upgrade# Jenkins 依赖于 java 所以需要安装 JDKsudo yum install java-11-openjdk# 安装 Jenkinssudo yum install jenkins复制代码

# 启动 Jenkins 服务systemctl start jenkins# 重启 Jenkins 服务systemctl restart jenkins# 停止 Jenkins 服务systemctl stop jenkins# 查看 Jenkins 服务状态systemctl status jenkins复制代码

npm install yarn -gyarn installyarn build# 打包 build 后的文件tar -zcvf dist.tar.gz dist/# 删除 build 后的文件rm -rf dist/# 移动 build 后的压缩包到 nginx 托管目录下。sudo mv dist.tar.gz /usr/share/nginx/html# 进入托管目录下cd /usr/share/nginx/html# 解压sudo tar -zxcf dist.tar.gz# 删除压缩包sudo rm -rf dist.tar.gz复制代码

We trust you have received the usual lecture from the local SystemAdministrator. It usually boils down to these three things:
    #1) Respect the privacy of others.    #2) Think before you type.    #3) With great power comes great responsibility.复制代码

xxxxxxx: Permission denied复制代码

ERROR: Error fetching remote repo 'origin'复制代码

npm install yarn -gyarn installyarn build# 只打包，然后删除文件夹。tar -zcvf dist.tar.gz dist/rm -rf dist/复制代码

SSH: Connecting from host [iZuf6dwyzch3wm3imzxgqfZ]SSH: Connecting with configuration [aliyun-dev] ...SSH: EXEC: completed after 202 msSSH: Disconnecting configuration [aliyun-dev] ...# 如果 Transferred 0 file 则需要查看配置的路径是否正确。表示文件并没有被移动到远程主机中。SSH: Transferred 1 file(s)Finished: SUCCESS复制代码

pipeline {    agent any // 在任何可用的代理上，执行流水线或它的任何阶段。    stages {        stage('Build') { // 定义 "Build" 阶段。            steps {                // 执行与 "Build" 阶段相关的步骤。            }        }        stage('Deploy') { // 定义 "Deploy" 阶段。            steps {                // 执行与 "Deploy" 阶段相关的步骤。            }        }    }}复制代码

// 自定义 钉钉插件 的 错误信息和成功信息def successText = [    """ ### 新的构建信息，请注意查收""",    """ ${env.JOB_BASE_NAME}任务构建<font color=green>成功</font> ，点击查看[构建任务 #${env.BUILD_NUMBER}](http://106.14.185.47:8080/job/${env.JOB_BASE_NAME}/${env.BUILD_NUMBER}/)"""]def failureText = [    """ ### 新的构建信息，请注意查收""",    """ ${env.JOB_BASE_NAME}任务构建<font color=red>失败</font> ，点击查看[构建任务 #${env.BUILD_NUMBER}](http://106.14.185.47:8080/job/${env.JOB_BASE_NAME}/${env.BUILD_NUMBER}/)"""]// 1，侦听 github push 事件properties([pipelineTriggers([githubPush()])])
pipeline {    agent any    // 环境变量定义。    environment {        GIT_REPO = 'http://github.com/vue-ts-vite-temp.git'    }    stages {        // 2，拉取 github 代码，通过 GitSCM 侦听 push 事件。        stage('Pull code') {            steps {                checkout(                    [                        $class: 'GitSCM',                        branches: [[name: '*/main']],                        extensions: [],                        userRemoteConfigs: [                            [                                credentialsId: '381325e4-0f9c-41ea-b5f6-02f8ea2a475a',                                url: env.GIT_REPO                            ]                        ],                        changelog: true,                        poll: true,                    ]                )            }        }        stage('Install and build') {            steps {                // 3，前面安装过的 nodejs 插件使用                nodejs('v14.19.0') {                    sh 'npm install yarn -g'                    sh 'yarn install'                    sh 'yarn build'                }            }        }        stage('Pack') {            steps {                sh 'tar -zcvf dist.tar.gz dist/'                sh 'rm -rf dist/'            }        }        stage('Deploy') {            steps {                // 4，前面下载的 Publish Over SSH 插件的使用                sshPublisher(                    publishers: [                        sshPublisherDesc(                            configName: 'aliyun-dev',                            transfers: [                                sshTransfer(                                    cleanRemote: false,                                    excludes: '',                                    execCommand: '''                                        cd /usr/share/nginx/html/                                        tar -zxvf dist.tar.gz                                        rm -rf dist.tar.gz                                    ''',                                    execTimeout: 120000,                                    flatten: false,                                    makeEmptyDirs: false,                                    noDefaultExcludes: false,                                    patternSeparator: '[, ]+',                                    remoteDirectory: '/usr/share/nginx/html/',                                    remoteDirectorySDF: false,                                    removePrefix: '',                                    sourceFiles: 'dist.tar.gz'                                )                            ],                            usePromotionTimestamp: false,                            useWorkspaceInPromotion: false,                            verbose: false                        )                    ]                )            }        }    }    post {        success {            // 5，DingTalk 插件的使用。            dingtalk (                robot: '1314',                type: 'ACTION_CARD',                title: 'Jenkins构建提醒',                text: successText,                btns: [                    [                        title: '控制台',                        actionUrl: 'http://106.14.185.11:8080/'                    ],                    [                        title: '项目预览',                        actionUrl: 'http://github.com/'                    ],                ],                at: []            )        }        failure {            dingtalk(                robot: '1314',                type: 'ACTION_CARD',                title: 'Jenkins构建提醒',                text: failureText,                btns: [                    [                        title: '控制台',                        actionUrl: 'http://106.14.185.11:8080/'                    ],                    [                        title: '项目预览',                        actionUrl: 'http://github.com/'                    ],                ],                at: []// 这里是手机号多个之间,隔开            )        }    }}复制代码