前言

自动化测试完成后生成的自动化测试结果,每次都要手动去找路径打开太麻烦了,有没有办法可以通过jenkins上直接展示出来呢?这个对于强大的jenkins肯定是有的,我们可以通过下载插件来完成

下载插件

进入到jenkins插件下载页面中搜索HTML Publisher然后点击下载安装

jenkins java静态代码检查 jenkins html_jenkins java静态代码检查

下载完成后,重启jenkins服务:http://ip:8080/restart

jenkins java静态代码检查 jenkins html_HTML_02

 

 

配置HTML参数

下载安装后,我们进入到需要展示HTML报告的项目下,点击配置选项,进入到构建后操作选择中,点击增加构建后操作--->选择Pubish HTML reports

jenkins java静态代码检查 jenkins html_jenkins java静态代码检查_03

添加过后,去配置Pubish HTML reports 选项参数内容

HTML directory to archive:表示报告路径,一定要和代码生成的报告路径一致

Index page:表示报告名称,和代码生成的一致

Report title:报告显示jenkins上的标题

jenkins java静态代码检查 jenkins html_下载安装_04

 生成HTML报告

上述内容配置内容全部完成后,我们直接进行构建项目,构建成功后,点击HTML report

jenkins java静态代码检查 jenkins html_html_05

这里发现HTML的样式变化了,我们通过打开F12进行查看是缺少了CSS的文件格式

jenkins java静态代码检查 jenkins html_jenkins java静态代码检查_06

这里有几种解决方法,安静简单的介绍下

方法一

进入Jenkins系统中找到脚本命令行(Script Console)点击进入

jenkins java静态代码检查 jenkins html_HTML_07

 

进入到脚本命令行中输入: System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")

jenkins java静态代码检查 jenkins html_html_08

 

输入完成后,再次重新构建项目,构建完成后再次点击HTML报告,就会发现报告已经成功的将CSS内容添加进去了。

jenkins java静态代码检查 jenkins html_jenkins java静态代码检查_09

注意:这种方式存在个弊端就是每次重启Jenkins的时候会消失,需要重新设置

方法二

启动jenkins的时候我们在命令行中输入 java -Dhudson.model.DirectoryBrowserSupport.CSP= -jar jenkins.war

方法三

安装Groovy 插件,这个插件可以帮助我们解决上述问题(进入jenkins插件管理页面,搜索Groovy插件,然后下载安装)

jenkins java静态代码检查 jenkins html_HTML_10

 

System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")

jenkins java静态代码检查 jenkins html_jenkins java静态代码检查_11

 

 点击保存后,重新构建项目,构建成功后,点击HTML报告查看,html报告正常了。

jenkins java静态代码检查 jenkins html_下载安装_12

总结

安静通过一步步操作进行演示了jenkins如何添加html报告,在过程中也给大家展示了可能遇到的困难,并列举了解决方法,希望对您有所帮助。可以点个关注,持续更新中