Jmeter的jtl文件转换HTML报告

Jmeter我们用做接口测试的时候使用可视化界面，可以通过查看结果树或者聚合报告来观看结果。
但是，在工作中，这样的结果，往往也要成为你测试报告的一部分，傻的办法当然是截图，然后展示，这样的傻办法，我用了几次就不想再用，一次截图次数太多，让人看的眼花缭乱，不能很好的体现我们测试报告的准确性和说服力。

做为一个，测试开发，就要来解决这样的问题，尽量把重复工作降低，提升工作效率。

通过参考，我找到了Jmeter的定制话报告这样的方法。

首先：

更改Jmeter里面的bin文件夹里面的jmeter.properties文件

image.png

大概就是改为这样，里面主要的是报告存储格式给为xml，然后就展示的数据为ture

image.png

然后，你需要一个构建工具，Ant或者Maven都可以
这里我选择使用Ant
当然，你还需要把Jmeter里面的Ant插件复制到Ant的lib文件夹中，把他们关联起来

image.png

Ant的build.xml脚本，大概是这样的，需要根据自己的目录修改下

<?xml version="1.0" encoding="UTF-8"?>  
  
<project name="ant-jmeter-test" default="run" basedir=".">  
      
    <tstamp>  
        <format property="time" pattern="yyyyMMddhhmm" />  
    </tstamp>  
    <property name="basedirectory" value="C:\Users\thinkPad\Desktop\jmeter\apache-jmeter-4.0\extras" />  
    <!-- 需要改成自己本地的 Jmeter 目录-->    
    <property name="jmeter.home" value="C:\Users\thinkPad\Desktop\jmeter\apache-jmeter-4.0" />  
    <!-- jmeter生成jtl格式的结果报告的路径-->   
    <property name="jmeter.result.jtl.dir" value="C:\Users\thinkPad\Desktop\jmeter\teat\jtl" />  
    <!-- jmeter生成html格式的结果报告的路径-->  
    <property name="jmeter.result.html.dir" value="C:\Users\thinkPad\Desktop\jmeter\teat\html" />  
    <!-- Name of test (without .jmx) -->  
    <property name="test" value="Test"/>  
    <!-- 生成的报告的前缀-->    
    <property name="ReportName" value="TestReport" />  
    <property name="jmeter.result.jtlName" value="${jmeter.result.jtl.dir}/${test}.jtl" />  
    <property name="jmeter.result.htmlName" value="${jmeter.result.html.dir}/${test}.html" />  
    <property name="jmeter.save.saveservice.output_format" value="xml"/> 
    <path id="xslt.classpath">  
        <fileset dir="${jmeter.home}/lib" includes="xalan*.jar"/>  
        <fileset dir="${jmeter.home}/lib" includes="serializer*.jar"/>  
    </path>  
      
    <target name="run">  
        <antcall target="test" />  
        <antcall target="report" />  
    </target>  
      
    <target name="test">  
        
    <taskdef name="jmeter" classname="org.programmerplanet.ant.taskdefs.jmeter.JMeterTask" />   
    <jmeter jmeterhome="${jmeter.home}" resultlog="${jmeter.result.jtlName}">  
             <!-- 声明要运行的脚本。"*.jmx"指包含此目录下的所有jmeter脚本-->  
            <testplans dir="C:\Users\thinkPad\Desktop\jmeter\teat" includes=".jmx" />  
        </jmeter>  
    </target>  
          
    <target name="report">  
        <tstamp> <format property="report.datestamp" pattern="yyyy/MM/dd HH:mm" /></tstamp>  
        <xslt classpathref="xslt.classpath"  
              force="true"  
              in="${jmeter.result.jtlName}"  
              out="${jmeter.result.htmlName}"  
              style="${jmeter.home}/extras/jmeter-results-detail-report_30.xsl"> 
 <!-- jmeter报告模板-->  
              <param name="dateReport" expression="${report.datestamp}"/>  
        </xslt>   

        <copy todir="${jmeter.result.html.dir}">  
            <fileset dir="${jmeter.home}/extras">  
                <include name="collapse.png" />  
                <include name="expand.png" />  
            </fileset>  
        </copy>  
    </target>  
      
</project>  

当然Jmeter的报告模板，你可以使用Jmeter自带的，当然，你可以自己定制或者直接用网上的模板

image.png