移动H5性能测试平台解决方案

1 平台的目的

说到H5性能测试,大家想到最多的是在PC端利用Firebug、Fiddle和HttpWatch等工具进行测试和性能指标的分析,但是如果我们测试的是Android上的H5,我们该如何保证数据准确度、如何测试起来更方便快捷、如何才能够小白式进行性能测试呢?

2 解决方案

带着这些问题进行了深入的学习、思考与讨论,最后敲定了一键测试的解决方案,就是用户只需提交一个Url,就可以得到一份完美的报告。

带着这些思路,让我们一起走进H5性能测试平台的实现,手把手一起打造H5性能测试平台。

3 搭建平台所需的知识

搭建平台的方式和使用的语言有很多,为了方便、快捷、高效,我们使用了Python的Web架构进行页面的展示和数据交互,Jenkins进行任务的调度和处理,Harviewer进行har文件的解析与瀑布流的展示。

3.1 Django

PythonWeb框架

Django采用了MVT的框架模式,即模型M,视图V和模板T。从Django的架构图可以清晰地把握Django的组成部分。

3.2 Jenkins

Jenkins是一个可扩展的持续集成引擎,Jenkins非常易于安装和配置,简单易用。主要利用Jenkins的定时任务功能实现H5性能测试任务的调度功能。

3.3 Harviewer

HarViewer是基于Json格式来可视化Http跟踪工具创建的Har日志文件。可以很方便的展示生成的Har文件。

4 平台架构

整个平台涉及到的资源比较多,包括:Jenkins、H5平台、Linux Web服务和手机端的功能。

主要流程:

1)用户提交Url,H5平台将数据保存入数据库并加入到任务队列

2) Jenkins任务每1分钟向H5平台发起执行任务请求,H5平台查询是否有等待任务,有则向Linux的Python Web接口执行H5测试任务与数据收集

3) H5测试任务执行完毕后,将测试结果传给H5平台进行解析与入库处理

4)结果完成后,请求页面会自动跳转到结果页面或到任务列表查看结果信息

注:H5平台、Jenkins与Linux Web服务之前的调用采用的是Http get/post的请求方式。

5 平台的实现

5.1 H5性能平台功能实现

根据Django的架构流程逻辑,可以轻易的实现从Http请求到View视图/Http响应的流程。

1) 用户在浏览器上打开一个链接

2) Django接收到一个Http请求后,会在配置文件中查找url对应的函数

3)在GetHtmlControllerView实现请求参数获取、数据库查询和返回到View。

4)最后在Template中实现页面的展示,包括了Html、CSS和JS。

5.2 Jenkins任务调度的实现

Jenkins任务调度主要实现配置定时任务和实现Http请求。

1)Jenkins任务配置

在Jenkins中配置一个job,定时任务配置成1分钟执行一次。

在配置信息里面指定执行的批处理任务

2)Http请求实现的python代码

通过python的httplib轻松实现一个Http请求的访问。

6 平台页面功能解说

6.1 H5请求页面

用户在页面上提交一个Url,H5平台将url存储到数据库中,并每隔5s查询任务执行的状态。目前平台暂时只支持公司Wifi下的测试,后续将扩展到更多手机和各种网络下进行H5性能测试。

6.2 H5任务列表

用户提交了H5页面测试后可以在任务列表中查看任务排队和执行情况,如果执行完成,可以进行结果查看

6.3 结果详情展示

结果页面提供了丰富的H5性能指标,包括:11项关键指标、域名资源统计、资源统计信息、图片资源统计,并给出了详细的建议和终端的瀑布流。可以根据这些指标和详细建议对其进行分析和定位。

本文分享自微信公众号 - 腾讯移动品质中心TMQ(gh_2052d3e8c27d)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-11-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Linyb极客之路

微服务架构:基于微服务和Docker容器技术的PaaS云平台架构设计(微服务架构实施原理)

基于微服务架构和Docker容器技术的PaaS云平台建设目标是给我们的开发人员提供一套服务快速开发、部署、运维管理、持续开发持续集成的流程。平台提供基础设...

73310
来自专栏EAWorld

微服务之服务调用与安全控制

近年来,大多数企业IT软件均在向微服务架构转型,由于微服务架构采用了更细粒度的分布式拆分,对于服务调用安全方面的问题更复杂,更需要重视,需要整体的系统化解决方案...

26730
来自专栏ThoughtWorks

登录工程:传统 Web 应用中的身份验证技术|洞见

标题中的 “传统Web应用” 这一说法并没有什么官方定义,只是为了与“现代化Web应用”做比较而自拟的一个概念。 所谓“现代化Web应用”指的是那些基于分布式架...

44150
来自专栏phodal

后台优化:使用应用性能管理工具

在没有应用性能管理工具(APM,即application performance management )的时候,当我们需要对应用优化,我们就需要不断的调试、阅...

29980
来自专栏H2Cloud

FFLIb Demo && CQRS

使用FFLIB 构建了一个demo,该demo模拟了一个常见的游戏后台架构,该demo主要有一下亮点: FFLIB 实现进程间通信非常方便 基于CQRS 思想构...

28780
来自专栏ChaMd5安全团队

【荐】Web Application Penetration Testing中文译作

(英文原版地址:https://www.exploit-db.com/docs/english/44319-web-application-security-t...

18740
来自专栏程序猿DD

消费者驱动的微服务契约测试套件:Spring Cloud Contract

在微服务架构下,你的服务可能由不同的团队提供和维护,在这种情况下,接口的开发和维护可能会带来一些问题,比如服务端调整架构或接口调整而对消费者不透明,导致接口调用...

40070
来自专栏CDA数据分析师

工具 | Python Web 开发的十个框架

Python 是一门动态、面向对象语言。其最初就是作为一门面向对象语言设计的,并且在后期又加入了一些更高级的特性。除了语言本身的设计目的之外,Python标准 ...

347100
来自专栏CodingToDie

分布式事务解决方案

Spring Cloud 分布式事务管理 在微服务如火如荼的情况下,越来越多的项目开始尝试改造成微服务架构,微服务即带来了项目开发的方便性,又提高了运维难度以及...

69950
来自专栏我的小碗汤

四款神器,教你笑傲江湖

学习或者工作中工具的熟练使用能大大的提高效率,效率提高了,省下来的时间,又可以干更多的事情,这是一个良性的循环。

10920

扫码关注云+社区

领取腾讯云代金券