无法在 Azure DevOps 中构建 angular 项目

Question

我有 Angular 项目，我想构建到 Azure Web App

我创建了这个 yaml 来构建和部署

trigger:
- main

pool:
  vmImage: 'ubuntu-latest'

steps:
- task: NodeTool@0
  inputs:
    versionSpec: '18.x'
  displayName: 'Install Node.js'


# - task: Npm@1
#   inputs:
#     command: 'install'
#     workingDir: 'schooly-angular'

- script: npm install -g @angular/cli
  displayName: 'npm install -g @angular/cli'

- script:  yarn
  displayName: 'yarn install'

- script: ng build --prod
  displayName: 'ng build'

- task: PublishBuildArtifacts@1

- task: AzureRmWebAppDeployment@4
  inputs:
    ConnectionType: 'AzureRM'
    azureSubscription: 'Azure subscription 1 (*********)'
    appType: 'webAppLinux'
    WebAppName: 'marifit-admin'
    packageForLinux: 'dist/'

但是我在尝试构建时遇到了这个错误

单击授权，没有帮助

我怎么能解决这个问题？

Answer 1

您似乎没有订阅 Azure 订阅 1 (*********) 的权限，或者此订阅不存在。 编辑 YAML 管道时，单击设置以显示帮助 >> 选择您的订阅 >> 单击授权为此订阅创建服务连接。

如果授权失败，则意味着您对该订阅没有足够的权限。 您需要获得对订阅的贡献者或所有者角色的尊重。 要获得相关权限，您需要获得订阅所有者的帮助。 这里有Assign a user as administrator of an Azure subscription供参考。

Answer 2

我尝试在我的环境中重现并得到以下结果，因此在此处分享它作为进一步参考：

task: AzureRmWebAppDeployment@4
    inputs:
    ConnectionType: 'AzureRM'
    azureSubscription: 'Azure subscription 1 (*********)'
    appType: 'webAppLinux'
    WebAppName: 'marifit-admin'
    packageForLinux: 'dist/'

该错误似乎此处使用的服务连接不存在。 要创建正确的服务连接，请按照以下步骤操作。

第 1 步：在云 shell 中使用以下命令为托管应用程序资源的订阅创建服务原则。

$az ad sp create-for-rbac –name <service-principle-name> --scope /subscriptions/<subscription-id>

记下密码、appID 和 tenantID。

第二步：按照第一步中提到的服务原理创建服务连接。

转到项目设置 > 服务连接 > 单击创建新服务连接。

提交所有详细信息后，单击验证以确认它是有效连接。

.

确保上面任务中的 azure 订阅名称与服务连接名称匹配