javascript - 如何使用 Azure DevOps 为 Javascript 项目配置 sonarcloud 分析

Question

我正在寻找为我们的一个 javascript 项目配置 sonarcloud 分析的步骤，使用 Azure DevOps 作为构建平台。

以下链接为我们提供了一些启动信息。

https://www.npmjs.com/package/sonarqube-scanner

Answer 1

您可以引用以下步骤:

1、创建sonarcloud服务器，并在服务器上创建SonarQube Project并配置Quality Gate。可以引用this tutorial在 azure 上创建 sonarcloud 服务器。

2、并设置sonarqube service connection在你的 azure devops 项目上。

Project settings-->Service connections(在Pipelines下)--> New service connection--> 选择 Sonar 曲。请引用here to Get a sonarqube security token

3、去azure devops marketplace安装Sonarqube extension给你的 azure devops 组织。

4, Create a build pipeline来构建你的项目。请查看文档至Build, test, and deploy JavaScript and Node.js apps .

5，在项目的根目录中创建一个包含以下内容的 sonar-project.properties 文件。点击here了解更多信息

sonar.projectKey=projectKey
sonar.projectName=projectName
sonar.projectVersion=1.0
sonar.sources=mainsourcefilesfolder #eg. dist
sonar.sourceEncoding=UTF-8
sonar.tests=testcodesourcefolder

5，将以下三个 sonarqube 任务添加到管道的末尾(在构建任务之后)。对于 yaml 管道中的以下示例。

注意:SonarQube 仅在 master 分支上工作。请针对 master 分支运行您的管道。检查this thread获取更多信息。

- task: Npm@1
  displayName: 'npm run build'
  inputs:
    command: 'custom'
    customCommand: 'run build'

- task: SonarQubePrepare@4
  inputs:
    SonarQube: sonarqubeConnectionName
    scannerMode: CLI
    configFile: sonar-project.properties

- task: SonarQubeAnalyze@4

- task: SonarQubePublish@4

然后您应该能够在完成运行构建管道后在 Sonar 服务器上看到分析结果。

希望以上对您有所帮助!