在 Jenkins 中部署 Angular 应用程序

Question

我已经在 Jenkins 中为 Angular 应用程序创建了构建阶段，并且取得了成功。我的要求是我需要将它部署到我随身携带的 Linux 服务器上，并且应用程序应该在不同的端口号中启动，而不影响现有的 Port 。任何人都可以指导我使用 jenkins 部署角度应用程序。谢谢

我尝试在 jenkins 中部署，但我浏览了几篇相关文章，但其中提到使用 nginx 将 Angular 应用程序部署到 Linux 服务器。

Answer 1

以下是使用 Jenkins 部署 Angular 应用程序的指南：

先决条件：

• Jenkins 服务器： 确保您有一个正在运行的 Jenkins 实例。
• Node.js 和 npm： 在 Jenkins 服务器上安装 Node.js 和 npm 以构建 Angular 项目。
• AWS CLI（可选）： 如果部署到 AWS S3，请安装 AWS CLI。
• Git：安装Git进行源代码管理。

步骤：

1. 创建 Jenkins 作业：

   • 在 Jenkins 中，创建一个新作业（例如“Angular Deployment”）。
   • 根据您的喜好选择“Pipeline”或“Freestyle项目”。

2. 配置源代码管理：

   • 将 Jenkins 指向 Angular 应用程序的 Git 存储库。
   • 如果需要，请提供凭据。

3. 构建触发器：

   • 设置自动构建的触发器（例如，Git 推送事件、轮询）。

4. 构建步骤：

   • 添加构建步骤以执行以下操作：
     • 安装依赖项：

       npm install

     • 构建 Angular 应用程序：

       ng build --prod

     • 复制工件（可选）： 将

       dist

       文件夹复制到部署位置。
     • 部署到目标环境（可选）：使用插件或脚本进行部署（例如，AWS S3 插件、AWS CLI 命令）。

5. 保存并运行：

   • 保存作业配置。
   • 手动运行作业或等待触发器启动它。

6. 监控和验证：

   • 监控构建日志是否成功。
   • 访问已部署的应用程序以验证部署。

示例管道脚本（使用 Groovy 语法）：

pipeline {
    agent any

    stages {
        stage('Checkout') {
            steps {
                git branch: 'master', url: 'https://github.com/your-org/your-repo.git'
            }
        }
        stage('Build') {
            steps {
                sh 'npm install'
                sh 'ng build --prod'
            }
        }
        stage('Deploy') {
            steps {
                // Add deployment steps here, e.g., using AWS CLI or S3 plugin
            }
        }
    }
}

其他注意事项：

• Node.js 版本： 确保 Jenkins 为您的项目使用正确的 Node.js 版本。
• 单元测试：将单元测试集成到构建过程中以确保代码质量。
• 环境变量：针对不同环境安全地管理环境变量。
• 安全：实施安全措施来保护部署流程。