前端码农必备！Jenkins实践2：ssh部署Vue项目

后端

2022-12-28 14:02:32

轻松部署 Vue 项目：使用 Jenkins 的分步指南

作为一名前端开发人员，部署项目是工作流程中不可避免的一部分。传统的部署方式既费时又容易出错。这就是 Jenkins 发挥作用的地方——它是一款流行的持续集成和持续交付工具，可以帮助您自动化部署过程，提高效率和可靠性。

Jenkins 简介

Jenkins 是一个开源工具，用于自动化软件开发过程，包括构建、测试和部署。它支持多种语言和平台，并提供丰富的插件扩展功能。

安装和配置 Jenkins

要在您的系统上设置 Jenkins，请访问官方网站并下载适用于您操作系统的安装包。安装完成后，启动 Jenkins 并按照屏幕上的说明进行配置。

安装 Jenkins SSH 插件

要使用 SSH 进行部署，您需要安装 Jenkins 的 SSH 插件。转到 Jenkins 主页，导航到“系统管理”>“插件管理”>“可用”，然后搜索“SSH”。找到该插件后，单击“安装”。

配置 Jenkins SSH 插件

安装完成后，配置 SSH 插件以连接到您的远程服务器。转到“系统管理”>“系统设置”>“SSH 服务器”，然后单击“添加”。在出现的窗口中，输入您的服务器地址、端口、用户名和密码。

配置 Vue 项目

现在，您需要配置 Vue 项目以便 Jenkins 可以部署它。在项目根目录中，创建一个名为“Jenkinsfile”的文件。它将包含部署指令。

Jenkinsfile 示例

pipeline {
  agent any
  stages {
    stage('Build') {
      steps {
        sh 'npm install'
        sh 'npm run build'
      }
    }
    stage('Deploy') {
      steps {
        sshPublisher(
          credentials: 'my-ssh-credentials',
          publishers: [
            sshExec(
              command: 'cd /var/www/html/my-project && git pull && npm install && npm run build && pm2 reload my-project'
            )
          ]
        )
      }
    }
  }
}