为项目构建、部署Vue自动化镜像：下篇

2024-02-15 06:03:31

在上一篇文章中，我们已经成功配置了Jenkins，现在我们继续来了解如何将Jenkins与自动化镜像协同工作，以便自动构建和部署Vue项目。

首先，我们需要在Jenkins中创建一个新的项目，然后选择“流水线”作为项目类型。在“流水线脚本”部分，我们可以输入以下内容：

pipeline {
    agent { docker { image 'xmolan/ubuntu:0.2' } }
    stages {
        stage('Checkout') {
            steps {
                git branch: 'main', url: 'https://github.com/username/repo.git'
            }
        }
        stage('Build') {
            steps {
                sh 'npm install'
                sh 'npm run build'
            }
        }
        stage('Deploy') {
            steps {
                sh 'docker build -t my-app .'
                sh 'docker push my-app'
                sh 'kubectl apply -f deployment.yaml'
            }
        }
    }
}

此脚本将执行以下操作：

从GitHub检出项目代码。
运行npm install安装项目依赖。
运行npm run build构建项目。
构建Docker镜像并将其推送到Docker Hub。
将Kubernetes部署清单应用到集群。

现在，我们可以手动触发流水线，或设置定期构建，以便自动构建和部署我们的项目。

此外，我们还可以通过在自动化镜像中使用Docker Compose来简化部署过程。为此，我们需要在项目根目录创建一个名为docker-compose.yml的文件，其中包含以下内容：

version: '3'

services:
  app:
    image: 'my-app'
    ports:
      - '80:80'

  nginx:
    image: 'nginx:latest'
    ports:
      - '80:80'

  redis:
    image: 'redis:latest'