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

Question

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

以下链接为我们提供了一些开始信息。

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

Answer 1

您可以参考以下步骤：

1、创建sonarcloud服务器，并在服务器上创建SonarQube项目并配置Quality Gate。您可以参考在azure上创建sonarcloud服务器的教程。

2、并在你的azure devops项目上设置sonarqube服务连接。

项目设置-->服务连接（在Pipelines下）-->新服务连接--> 选择 Sonarqube。请参阅此处获取 sonarqube 安全令牌

3、转至 azure devops 市场，将Sonarqube 扩展安装到您的 azure devops 组织。

4、创建构建管道来构建您的项目。请查看文档以构建、测试和部署 JavaScript 和 Node.js 应用程序。

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

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 分支运行您的管道。检查此线程以获取更多信息。

- 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

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

希望以上有帮助！