如何在构建工件文件中注入 Azure DevOps 管道运行号？

Question

我希望在我部署的 Angular 应用程序中显示 Azure Devops 管道构建标识符（下面的红色）。请问我该怎么做有什么建议吗？

Answer 1

您需要使用$(Build.BuildNumber)变量来获取该值。现在这取决于您的角度应用程序中已有的内容。

例如，您可以在environment.ts文件中设置该值

// environment.ts environment variables
export const environment = {
  production: false,
  APIEndpoint: 'https://dev.endpoint.com'
  buildNumber: '#{Build.BuildNumber}#`
};

通过令牌替换扩展

- task: qetza.replacetokens.replacetokens-task.replacetokens@3
  displayName: 'Replace tokens'
  inputs:
    targetFiles: |
      **/environment.ts

您需要在编译 Angular 应用程序之前运行此步骤，以便该值达到您的配置。