Angular 项目 - Azure DevOps - 3 个环境文件。 在 yaml 文件中，我将指定要使用哪个环境文件的变量放在哪里？

Question

Angular 12 我有3个环境文件environment.dev.ts environment.prod.ts environment.ts

我的 yaml 文件中有 2 个工作。 Build_Dev和Build_Prod

这是我的 yaml 文件：

azure-pipelines.yml

name: $(date:yyyyMMdd)$(rev:.r)

trigger:
  - master

variables:
  baseHref: ""
  environmentName: "dev"
  prodEnvironmentName: "prod"
  nodeVersion: 12.14

jobs:
  - job: Build_Dev
    steps:
      parameters:
        environmentName: 'dev'
      - task: NodeTool@0
        displayName: "Use Node Version"
        inputs:
          versionSpec: ${{variables.nodeVersion}}
      - task: Npm@1
        displayName: "npm install"
        inputs:
          verbose: false
      - task: Npm@1
        displayName: "npm run build"
        condition: and(succeeded(), eq('${{variables.baseHref}}', ''))
        inputs:
          command: custom
          verbose: false
          customCommand: "run build -- --output-path=dist/${{variables.environmentName}} --verbose"
      - task: ArchiveFiles@2
        displayName: "Archive dist folder"
        inputs:
          rootFolderOrFile: dist/${{variables.environmentName}}
          includeRootFolder: false
          archiveFile: "$(Build.ArtifactStagingDirectory)/${{variables.environmentName}}/$(Build.BuildId).zip"
      - task: PublishBuildArtifacts@1
        displayName: "Publish Artifact"
        inputs:
          PathtoPublish: "$(Build.ArtifactStagingDirectory)/${{variables.environmentName}}"
          ArtifactName: ${{variables.environmentName}}
  - job: Build_Prod
    steps:
      - task: NodeTool@0
        displayName: "Use Node Version"
        inputs:
          versionSpec: ${{variables.nodeVersion}}
      - task: Npm@1
        displayName: "npm install"
        inputs:
          verbose: false
      - task: Npm@1
        displayName: "npm run build"
        condition: and(succeeded(), eq('${{variables.baseHref}}', ''))
        inputs:
          command: custom
          verbose: false
          customCommand: "run build -- --output-path=dist/${{variables.prodEnvironmentName}} --verbose"
      - task: ArchiveFiles@2
        displayName: "Archive dist folder"
        inputs:
          rootFolderOrFile: dist/${{variables.prodEnvironmentName}}
          includeRootFolder: false
          archiveFile: "$(Build.ArtifactStagingDirectory)/${{variables.prodEnvironmentName}}/$(Build.BuildId).zip"
      - task: PublishBuildArtifacts@1
        displayName: "Publish Artifact"
        inputs:
          PathtoPublish: "$(Build.ArtifactStagingDirectory)/${{variables.prodEnvironmentName}}"
          ArtifactName: ${{variables.prodEnvironmentName}}

除了它们都从environment.ts文件中提取之外，这两个作业都运行良好。

我不知道在每个作业中在哪里添加参数以指定要使用的环境文件。

环境.ts

export const environment = {
  production: false,
  development: false,
...
}

环境.dev.ts

export const environment = {
  production: false,
  development: true,
...
}

环境.prod.ts

export const environment = {
  production: true,
  development: false,
...
}

Answer 1

为了解决您的问题 -

我应该把指定使用哪个环境文件的变量放在哪里？

首先使用stages关键字将您的管道组织成多个阶段。 多阶段管道是通过代码配置发布的新方法，它可以帮助您在逻辑上划分管道。

通常，您可以设置一个多阶段管道，其中包含应用程序的主要流程，例如“构建”、“测试”和“部署”。 和发布管道一样，您也可以在同一管道中为每个部署环境设置一个阶段。

stages:
- stage: Build
  jobs:
  - job: A1

- stage: Deploy_dev
  jobs:
  - job: B1
...
...

之后，在您的环境文件中添加替换令牌，我们可以在部署阶段利用这些替换令牌将令牌替换为实际值。

// environment.prod.ts
export const environment = {
  production: true,
  auth: {
    clientID: '#{authClientID}#',
    domain: '#{authDomain}#',
  },
  apiEndpoint: '#{apiEndpoint}#',
};

并在组织级别安装Replace Tokens扩展需求以替换我们上面使用的令牌。

现在创建两个变量组来存储实际变量，这些变量将用于替换您的 Dev 和 Prod 的令牌。 Go 到管道的库部分并添加此变量组。 然后最后添加替换令牌任务以将它们替换为实际值。

我建议阅读这篇How to use Angular environment files in your Azure DevOps multi-stage yml release pipeline ，了解详细的分步过程。 并检查堆栈溢出中引发的类似线程。