sonar检测前端代码

sonar检测前端代码

使用sonarqube检测前端js代码

1.使用sonarqube检测js

在jenkins中创建一个令牌，选择想要检测的语言，本文检测js，选择其他，选择Linux，定义一个任务标识，记录下右边的代码，如图所示：

在项目根目录下，执行我们刚刚复制的代码，进行一点小修改，本文所使用的代码主要在src目录下，就只检测src目录，代码如下所示：

[root@localhost sonar-js-test]# sonar-scanner \
>   -Dsonar.projectKey=js \
>   -Dsonar.sources=src \
>   -Dsonar.host.url=http://192.168.8.176:9002 \
>   -Dsonar.login=671bee5ba1f2c123124sdw77d78f9776e8586bdd21

执行命令，可以看到代码检测成功，如图所示：

登录到sonarqube界面，找到我们刚刚检测的js标识的代码，可以看到代码的详细情况，如下图所示：

2.使用jenkins+sonarqube的方式检测代码

在jenkins中检测js代码的命令和上文中提到的检测java代码的方式差不多，将语言换成js，定义名字，然后保存就可以了。

sonar.projectKey=sonar-js-test1
sonar.projectName=sonar-js-test1
sonar.sources=src
sonar.language=js

构建完成后，点击界面的sonarqube，跳转到sonarqube界面，查看我们检测的代买质量。

由此图可以看出来，两种方式的检测出来的结果都是一样的，不过用jenkins的方式可以在每次构建的时候都检测一次代码，更加及时的看到代码的变化。