【问题标题】:How to display Git branch name on Angular App如何在 Angular App 上显示 Git 分支名称
【发布时间】:2021-09-22 05:55:57
【问题描述】:

我只有一个 Angular 应用程序 - 没有后端

我想在我的 Angular 应用程序中显示我的私有分支名称(例如 myName/myFeature)

我正在使用 Azure DevOps 在云中部署我的应用

我在网上搜索了教程\指南,但我认为我遗漏了一些东西。

我发现的最好的教程是这样的: https://www.taithienbo.com/replacing-variables-in-an-angular-app-using-replace-token-extension/

但它仍然不工作,它没有显示正确的分支名称。

代码:

  • 组件.ts

    从'../../../../environments/environment'导入{环境}; 版本:string = environment.version;

  • component.html

    {{版本}}

  • 环境.ts

    版本:'#{Build.BuildNumber}#'

开发运营:

它显示错误的分支名称,上面而不是底部:

【问题讨论】:

  • 您能向我们展示您的代码和构建管道吗?如果您遵循此教程,我不明白为什么它不起作用。
  • 更好,但还不够,请与我们分享您完成此任务的管道和日志。
  • 当然,够了吗?
  • 我会使用构建脚本 (npm build) 来生成文件 - 如果您在本地构建而不只是在 DevOps 上构建,它也可以工作:stackoverflow.com/questions/42155115/…

标签: angular git azure-devops web-deployment git-branch


【解决方案1】:

在构建配置中,您要查找的设置在这里;

点击该链接,您可以找到documentation,其中(虽然是针对 yaml 管道)提供了一个示例;

$(TeamProject)_$(Build.DefinitionName)_$(SourceBranchName)_$(Date:yyyyMMdd)$(Rev:.r)

为了你的目的,你只是想要

$(SourceBranchName)

【讨论】:

  • 您建议将构建编号更改为分支名称。我希望内部版本号保持原样,并且仍然在应用程序中显示分支名称
  • 明白。我主要是在处理你发布的最终图像。如果我有什么想法,我会发布一个新的答案。
猜你喜欢
  • 1970-01-01
  • 2010-12-22
  • 2012-12-06
  • 1970-01-01
  • 1970-01-01
  • 2012-05-22
  • 1970-01-01
  • 2021-08-23
  • 1970-01-01
相关资源
最近更新 更多