BlogJava-qileilove-随笔分类-web 前端性能测试

Extjs分页使用Java实现数据库数据查询

顺其自然EVO — Mon, 08 Dec 2014 13:55:00 GMT

关于Ext分页功能的实现。项目用的是js、Ext、servlet。下面贴下代码：

var obj = this;

var pageSize = 20; //统计结果分页每一页显示数据条数

//在这里使用Store来创建一个类似于数据表的结构，因为需要远程获取数据，所以应该使用

//HttpProxy类，我是从后台读取的是json数据格式的数据，所以使用JsonReader来解析；

var proxy = new Ext.data.HttpProxy({

url:"com.test.check.servlets.QueryDetailServlet"

});

var statTime = Ext.data.Record.create([

{name:"rowNo",type:"string",mapping:"rowNo"},

{name:"gpsid",type:"string",mapping:"gpsid"},

{name:"policeName",type:"string",mapping:"policeName"}

]);

var reader = new Ext.data.JsonReader({

totalProperty:"count", //此处与后台json数据中相对应，为数据的总条数

root:"data" //这里是后台json数据相对应

},statTime);

var store = new Ext.data.Store({

proxy:proxy,

reader:reader

});

//定义分页工具条

var bbarObj = new Ext.PagingToolbar({

pageSize: pageSize,

store: store,

width: 300,

displayInfo: true, //该属性为需要显示分页信息是设置

//这里的数字会被分页时候的显示数据条数所自动替换显示

displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',

emptyMsg: "没有记录",

prependButtons: true

});

在我的项目中使用的是GridPanel来进行显示数据表，所以定义如下：

var grid = new Ext.grid.GridPanel({

store: store,

columns: [

{header:'序号',width: 33, sortable: true,dataIndex:'rowNo',align:'center'},

{id:'gpsid',header:'GPS编号',width: 85, sortable: true,dataIndex:'gpsid',align:'center'},

{header:'警员名称',width: 90, sortable: true,dataIndex:'policeName',align:'center'}

region:'center',

stripeRows: true,

title:'统计表',

autoHeight:true,

width:302,

autoScroll:true,

loadMask:true,

stateful: true,

stateId: 'grid',

columnLines:true,

bbar:bbarObj //将分页工具栏添加到GridPanel上

});

//在以下方法中向后台传送需要的参数，在后台servlet中可以使用

//request.getParameter("");方法来获取参数值；

store.on('beforeload',function(){

store.baseParams={

code: code,

timeType: timeType,

timeValue: timeValue

}

});

//将数据载入，这里参数为分页参数，会根据分页时候自动传送后台

//也是使用request.getParameter("")获取

store.reload({

params:{

start:0,

limit:pageSize

}

});

duty.leftPanel.add(grid); //将GridPanel添加到我项目中使用的左侧显示栏

duty.leftPanel.doLayout();

duty.leftPanel.expand(); //左侧显示栏滑出

　后台servlet获取前台传输的参数：

response.setContentType("text/xml;charset=GBK");

String orgId = request.getParameter("code");

String rangeType = request.getParameter("timeType");

String rangeValue = request.getParameter("timeValue");

String start = request.getParameter("start");

String limit = request.getParameter("limit");

StatService ss = new StatService();

String json = ss.getStatByOrganization(orgId, rangeType, rangeValue, start, limit);

PrintWriter out = response.getWriter();

out.write(json);

out.flush();

out.close();

　　下面讲以下后台将从数据库查询的数据组织成前台需要的格式的json数据串

StringBuffer json = new StringBuffer();

String jsonData = "";

......

//这里用前台传来的参数进行数据库分页查询

int startNum = new Integer(start).intValue();

int limitNum = new Integer(limit).intValue();

startNum = startNum + 1;

limitNum = startNum + limitNum;

......

rs = ps.executeQuery();

//这里的count即是前台创建的数据格式中的数据总数名称，与之对应，data同样

json.append("{count:" + count + ",data:[{");

int i = startNum - 1; //该变量用来设置数据显示序号

while(rs.next()){

i = i + 1;

//这里的rowNo与前台配置的数据字段名称想对应，下面同样

json.append("rowNo:'" + i + "',");

String gpsId = rs.getString("GPSID");

json.append("gpsid:'" + gpsId + "',");

String policeName = rs.getString("CALLNO");

json.append("policeName:'" + policeName + "',");

json.append("},{");

}

jsonData = json.substring(0, json.length()-2);

jsonData = jsonData + "]}";

//组成的json数据格式应该是：

//{count:count,data:[{rowNo:rowNo,gpsId:gpsId,policeName:policeName},....]}

　　就这样完成了前台的数据查询交互；

　　希望我的例子对各位有用。

顺其自然EVO 2014-12-08 21:55 发表评论

Windows环境搭建Web自动化测试框架Watir

顺其自然EVO — Wed, 03 Dec 2014 05:47:00 GMT

　　一、前言

　　Web自动化测试一直是一个比较迫切的问题，对于现在web开发的敏捷开发，却没有相对应的敏捷测试，故开此主题，一边研究，一边将Web自动化测试应用于工作中，进而形成能够独立成章的博文，希望能够为国内web自动化测试的发展做一点绵薄的贡献吧，笑~

　　二、Watir搭建流程

　　图1-1 需要安装的工具

　　因为安装Ruby还需要用到其他的一些开发工具集，所以建议从网站下载，而且使用该安装包的话，它会帮你把环境变量也设置完毕，我使用的版本是：railsinstaller-2.2.4.exe，建议下载最新版本。

　　图1-2 RailsInstaller工具包安装界面

　　开始安装RailsInstaller工具包，安装到默认位置即可。

　　图1-3 安装完毕界面

　　这个对勾建议打上，它会帮你配置git和ssh，安装过程中ruby等一系列环境变量也配置OK了，挺好~

　　图1-4 测试Ruby安装情况

　　安装好railsinstaller-2.2.4.exe后，打开cmd命令行，输入命令：ruby –v，如果，出现图1-4所示ruby的版本情况，则说明ruby已经安装完毕，我们也可以输入命令测试一下gem的版本：gem –v，如图1-4所示，gem也是安装成功。

　　图1-5 gem安装情况

　　使用命令：gem list，查看一下，如图1-5，你会发现，railsinstaller安装完毕后，默认是不包含Watir自动化测试工具的，所以我们现在要开始安装watir。

　　图1-6 gem命令

　　先简单看一眼gem怎么用，如上图1-6所示，

　　图1-7 安装watir命令

　　使用命令：gem install watir，进行安装watir，如果顺利的话，下面会出现很多的successfully等文字；不过在国内，你一般是看不到successfully等文字的，因为https://rubygems.org/已经被墙了，现在我们要对gem的源进行修改一下，来达到安装watir的目的。

　　图1-8 RubyGems镜像网址

首先使用命令：gem sources -l，查看一下gem的当前源，一般都是：https://rubygems.org/

　　然后我们使用命令：gem sources --remove https://rubygems.org/

　　接着输入命令：gem sources -a https://ruby.taobao.org/

　　参考上图。

　　图1-9 查看gem的源

　　现在再看一下gem的源这是是否正确：gem sources -l，如果只有：https://ruby.taobao.org/，一个源，则说明配置正确。然后再使用命令安装Watir：gem install watir，这次应该就能够安装成功了。

　　图1-10 commonwatir和watir版本

　　我们可以再次使用命令：gem list，可以看到，list里面有好多与watir相关的内容，这里主要关心两个工具，如上图所示，commonwatir和watir，这里需要给commonwatir和watir降版本到3.0.0，如果不进行降级，会出现NameError错误，命令如下：

　　图1-11 watir降级到3.0.0

　　输入命令：gem uninstall watir -v 5.0.0

　　输入命令：gem install watir -v 3.0.0

　　图1-12 commonwatir降级到3.0.0

　　输入命令：gem uninstall commonwatir -v 4.0.0

　　输入命令：gem install commonwatir -v 3.0.0

　　图1-13 ruby测试代码

　　require "watir"

　　puts "Open IE..."

　　ie=Watir::IE.new

　　ie.goto(http://www.baidu.com/)

　　puts "IE is opened - enjoy it :)"

　　在文本编辑器中新建一个test.rb文件，输入以上代码，强烈建议手动输入，空格不慎也会导致运行失败。

　　图1-14 ruby文件编码

　　编码也要注意，使用UTF-8编码。

　　图1-15 测试效果

　　将test.rb保存完毕后，在cmd命令行输入命令：ruby test.rb如果ruby代码没有报错，程序就会自动打开IE浏览器，自动输入http://www.baidu.com/，打开百度页面。至此，《Windows环境搭建Web自动化测试框架Watir（基于Ruby）第1章》编写完毕。

　　三、本章总结

　　我们通过一系列的配置，将ruby和watir部署到windows平台上，下一步，我们就可以编写各种各样的测试脚本，针对不同的web应用，进行不同的测试。

顺其自然EVO 2014-12-03 13:47 发表评论

几个前端Bug的解决方案

顺其自然EVO — Fri, 28 Nov 2014 02:23:00 GMT

jQueryUI下被拖动的元素上飘

　　症状出现在几乎所有浏览器里。使用1.10.x的draggable，在滚动栏下移（即非处于页面顶部）的时候拖动draggable的元素，它会向上跳一段距离。解决办法是将jQueryUI1.10.x的_convertPositionTo()和_generatePosition()换为1.9.2的或者设置父元素的position为absolute以外的值。（应该是父元素为absolute时计算offset又逗比了……）

　　参考：JqueryUI1.10.xDialogdragissueonlargebodyheight

　　追记：闲着自己实现了一个可拖拽效果，放在了Gist里，jQueryUI的这个bug应该是在计算拖拽时位置的时候用了clientX和clientY而不是pageX和pageY，导致计算出来的offset过小引起的

　　IE里文本框点击后光标向上飘

　　如果想要居中，兼容IE的话一般是height和line-height设为同一个值。此时需要保证：

　　input使用content-box

　　height和line-height都要设，不能只设line-height

　　应该是IE在border-box下计算linebox大小的时候有延迟所以出现了向上飘……其他浏览器没有这个现象。

　　引起这个bug是因为项目的css拿了bootstrap3做base，而bootstrap3给所有元素都设了box-sizing:border-box。

　　参考：WhydidBootstrap3switchtobox-sizing:border-box?

　　追记：IE9里使用搜狗输入法时按空格文字会下沉……找来找去发现是浏览器+输入法交互产生的问题也是醉了，前端根本不可控囧解决方法只有：提醒用户要么换掉IE9，要么换输入法hhhh

　　无法用checked选中radiobutton

　　检查有没有套上form。在某些浏览器下似乎没有套上from的input添加checked是没有样式的=。=

　　chrome下p里套div造成解析错误

　　后端的人传来的HTML我一看也是醉了……参考MDN的文档，

的合法内容为phrasingcontent，其中不包括div

　　在chrome里解析完之后就成了

顺其自然EVO 2014-11-28 10:23 发表评论

LoadRunner监控数据库服务器

顺其自然EVO — Tue, 14 Oct 2014 01:30:00 GMT

使用LoadRunner的数据库服务器资源监控器，可以在场景或会话步骤运行期间监控DB2、Oracle、SQL Server或Sybase数据库的资源使用率。在场景或会话步骤运行期间，使用这些监控器可以隔离数据库服务器性能瓶颈。对于每个数据库服务器，在运行场景或会话步骤之前需要配置要监控的度量。要运行DB2,Oracle和Sybase监控器，还必须在要监控的数据库服务器上安装客户端。

　　1>.SQL Server数据库服务器的监控

　　类似windows资源监控

　　2>.Oracle数据库服务器的监控

　　a.确保Oracle客户端已安装在Controller或优化控制台计算机上。

　　b.验证路径环境变量中是否包括%OracleHome%\bin.如果不包括，请将其添加到路径环境中。

　　c.在Controller或优化控制台计算机上配置tnsnames.ora文件。

　　d.向数据库管理员索要该服务器的用户名和密码，并确保Controller或优化控制台对Oracle表具有数据库管理员权限

　　e.通过在Controller或者优化控制台计算机上执行tns ping,验证与Oracle服务器的连接

　　f.要确保注册表已经依照正在使用的Oracle版本进行了更新并且具有以下注册表项 /HKEY_LOCAL_MACHINE\SOFTWARE\ORACLE

　　g.验证要监控的Oracle服务器是否已经启动并正在运行

　　监控项包括：缓存命中、索引、单条SQL性能、数据库线程数、数据池连接数

顺其自然EVO 2014-10-14 09:30 发表评论

如何测试一个网页登陆界面

顺其自然EVO — Tue, 30 Sep 2014 01:49:00 GMT

　具体需求：有一个登陆页面，（假如上面有2个textbox, 一个提交按钮。请针对这个页面设计30个以上的test case.）

　　此题的考察目的：面试者是否熟悉各种测试方法，是否有丰富的Web测试经验，是否了解Web开发，以及设计Test case的能力

　　这个题目还是相当有难度的，一般的人很难把这个题目回答好。

　　首先，你要了解用户的需求，比如这个登录界面应该是弹出窗口式的，还是直接在网页里面。对用户名的长度，和密码的强度（就是是不是必须多少位，大小写，特殊字符混搭）等。还有比如用户对界面的美观是不是有特殊的要求？（即是否要进行UI测试）。剩下的就是设计用例了，等价类，边界值等等。

　　请你记住一点，任何测试，不管测什么都是从了解需求开始的。

　　功能测试(Function test)

　　0. 什么都不输入，点击提交按钮，看提示信息。

　　1.输入正确的用户名和密码，点击提交按钮，验证是否能正确登录。

　　2.输入错误的用户名或者密码, 验证登录会失败，并且提示相应的错误信息。

　　3.登录成功后能否能否跳转到正确的页面

　　4.用户名和密码，如果太短或者太长，应该怎么处理

　　5.用户名和密码，中有特殊字符（比如空格），和其他非英文的情况

　　6.记住用户名的功能

　　7.登陆失败后，不能记录密码的功能

　　8.用户名和密码前后有空格的处理

　　9.密码是否加密显示（星号圆点等）

　　10.牵扯到验证码的，还要考虑文字是否扭曲过度导致辨认难度大，考虑颜色（色盲使用者），刷新或换一个按钮是否好用

　　11.登录页面中的注册、忘记密码，登出用另一帐号登陆等链接是否正确

　　12.输入密码的时候，大写键盘开启的时候要有提示信息。

　　界面测试(UI Test)

　　1.布局是否合理，2个testbox 和一个按钮是否对齐

　　2.testbox和按钮的长度，高度是否复合要求

　　3. 界面的设计风格是否与UI的设计风格统一

　　4. 界面中的文字简洁易懂，没有错别字。

　　性能测试(performance test)

　　1.打开登录页面，需要几秒

　　2.输入正确的用户名和密码后，登录成功跳转到新页面，不超过5秒

　　安全性测试(Security test)

　　1.登录成功后生成的Cookie，是否是httponly (否则容易被脚本盗取)

　　2.用户名和密码是否通过加密的方式，发送给Web服务器

　　3.用户名和密码的验证，应该是用服务器端验证，而不能单单是在客户端用javascript验证

　　4.用户名和密码的输入框，应该屏蔽SQL 注入攻击

　　5.用户名和密码的的输入框，应该禁止输入脚本（防止XSS攻击）

　　6.错误登陆的次数限制（防止暴力破解）

　　7. 考虑是否支持多用户在同一机器上登录；

　　8. 考虑一用户在多台机器上登录

　　可用性测试(Usability Test)

　　1. 是否可以全用键盘操作，是否有快捷键

　　2. 输入用户名，密码后按回车，是否可以登陆

　　3. 输入框能否可以以Tab键切换

　　兼容性测试（Compatibility Test）

　　1.主流的浏览器下能否显示正常已经功能正常（IE,6,7,8,9, Firefox, Chrome, Safari,等）

　　2.不同的平台是否能正常工作，比如Windows, Mac

　　3.移动设备上是否正常工作，比如Iphone, Andriod

　　4.不同的分辨率

　　本地化测试（Localization test）

　　1. 不同语言环境下，页面的显示是否正确。

　　软件辅助性测试（Accessibility test）

　　软件辅助功能测试是指测试软件是否向残疾用户提供足够的辅助功能

　　1. 高对比度下能否显示正常（视力不好的人使用）

顺其自然EVO 2014-09-30 09:49 发表评论

nginx缓存区内存配置大小对性能测试的影响

顺其自然EVO — Tue, 30 Sep 2014 01:48:00 GMT

现象：Nginx与应用都在同一台服务器（4g内存、4核cpu）上，nginx缓存区内存配置1g，开启nginx的accesslog，跑图片终端页性能脚本，观察到accesslog里面有90%以上的MISS状态的，nginx缓存没有起到作用，加大nginx缓存内存为2g，清了缓存再次跑性能脚本，accesslog中的MISS状态仍占大部分，且应用服务器的内存空间基本被用完。

　　解决：将nginx与应用分开，nginx放在一台服务器上，应用包搬到另一服务器（6g内存、8核cpu）上，跑图片终端页脚本，nginx缓存区内存配置2g，观察到响应提上去了，accesslog里HIT状态的占90%或更多。说明nginx缓存区有起到作用。

　　主要原因：nginx的缓存区设置1G时不够用，没起到作用。当调整到2G时，由于服务器上还存放应用也占了内存，另外系统也需要资源，导致nginx所配置的2G内存没起作用。当把nginx和应用分开时，资源都充足了，这时nginx的缓存区也能起到作用。

顺其自然EVO 2014-09-30 09:48 发表评论

使用Qunit对js代码进行单元测试

顺其自然EVO — Sun, 28 Sep 2014 01:19:00 GMT

　1、创建qunit.html 文件添加由官方提供的cdn 加载测试框架

QUnit Example

　　最后面引入的 project.js 就是待测试的文件

　　最后面引入的 tests.js 就是测试用例的文件

　　2、测试用例的编写

　　先写一个待测试例子，这是一个判断是否是偶数的方法

//project.js

function isEven(val) {

return val % 2 === 0;

}

　　3、编写测试

//tests.js
test('isEven()', function() {

ok(isEven(0), 'Zero is an even number');

ok(isEven(2), 'So is two');

ok(isEven(-4), 'So is negative four');

ok(!isEven(1), 'One is not an even number');

ok(!isEven(-7), 'Neither is negative seven');

})

顺其自然EVO 2014-09-28 09:19 发表评论

性能测试URL自动转码

顺其自然EVO — Thu, 18 Sep 2014 01:23:00 GMT

English »

Options : History : Help : Feedback

最近做性能测试，写了个python程序自动将URL里面的‘%2B’，‘20%’，‘3B'等转换成正常字符，方便查看。

import os,sys;

path = sys.path[0]

os.chdir(path)

encode_list = 'encode_list.txt'

result = path + '\\results'

def get_encode():

encode_file = open(path + '\\'+ encode_list)

encode = dict()

for line in encode_file:

if line!='\n' and len(line) >1:

if line.find('read me') <0:

encode[line[1:].strip()] = line[0]

return encode

def get_files():

files = os.listdir(path)

file_list = list()

for file in files:

if file.endswith('.txt') and file!= encode_list:

file_list.append(file)

return file_list

def relace_url_encode(strPri,dicEncode):

items = dicEncode.items()

for (key,value) in items:

if strPri.find(key):

strPri = strPri.replace(key,value)

return strPri

def create_result():

if not os.path.isdir(result):

os.makedirs(result)

def write_result(filePri,strText):

fp = open(result+'\\'+filePri,'w+')

fp.write(strText)

fp.close()

create_result()

encode = get_encode()

file_list = get_files()

for ff in file_list:

try:

f = open(ff)

text = f.read()

finally:

f.close()

temp = relace_url_encode(text,encode)

temp = temp.replace('&','\n')

write_result(ff,temp)

　　下面是文件夹结构：

encode.py的代码贴在上面

　　encode_list.txt里面装的是转换对照表，其中文件名是hard code在python程序里面的，最好不要改

　　前面的是正常字符，后面的是需要转换的字符

　　需要转码的URL形如下面的形式：

selectForm=selectForm&publishId=iphone6SapptR&color=%7B%22colorDisplayText%22%3A%22Grey%22%2C%22colorId%22%3A%22Grey%22%2C%22publishId%22%3A%22iphone6SapptM%22%2C%22modelCode%22%3A%22iphone6SmodelM%22%2C%22available%22%3Atrue%7D&rom=%7B%22capacityDisplayText%22%3A%2216GB%22%2C%22capacityId%22%3A%2216GB%22%2C%22imageFileName%22%3A%22iPhoneX-gold.png%22%2C%22publishId%22%3A%22iphone6SapptM%22%2C%22modelCode%22%3A%22iphone6SmodelM%22%2C%22available%22%3Atrue%7D&locationId=%7B%22locationId%22%3A%22Marina_Bay_Sands_Exhibition_Hall_A%22%2C%22locationDisplayText%22%3A%22Marina%20Bay%20Sands%20Exhibition%20Hall%20A%22%2C%22publishId%22%3A%22iphone6SapptM%22%2C%22available%22%3Atrue%7D&dateId=&timeId=&javax.faces.ViewState=H4sIAAAAAAAAAE1QO0sDQRAeL7n4RGIEK9PZWLhgJ1hoQIOH8YGgCBa6uVuTC3e76z5ydxaBNFrYWGhhIVpY5k%2BIhZ2gpZXYW9u6F0LiBzvMst9jZjs%2FYHMpYKqBmxhp5QdoA8v6Fub28Ofzy8zJewasMowFDHtl7ComHBhVdUFknQVezFdWIcVENGJq3hxLwazLQiQ1RafYJRKtJRSHvltylc%2BoNFnTg6ySEDip%2BFLF7Y%2Fi3Su%2Bz8CQA1npn5OYp8ZRNq2xArtx7HuL2qiPKl19gGkN7VQ

bxFXL12%2BHD3k5H1iGmsosfQYtyJnO5gb9W6YlYCFVx73ZzKScUUIV2ncOfBLtMabmdgXjRKhkkyQSeigYZwGTg%2BR1qsP%2Fj1xBLsBSOV7%2FN7s8hypSI6Lw%2Ffj0275cstL97CYONDF%2B%2BQFvW4dVIi46t8Xxm6%2Br%2FiKcx3%2FTRn8XowEAAA%3D%3D&javax.faces.source=color%3A1&javax.faces.partial.event=change&javax.faces.partial.execute=color%20color%3A1&javax.faces.partial.render=productImage%20rom%20timeId%20dateId%20locationId&javax.faces.behavior.event=change&javax.faces.partial.ajax=true

　　我把转码过的结果全部放在result文件夹里面，双击运行，所有的txt文件都会被转码。并且该文件夹随便放在哪里，代码均可以执行。

　　转码过后：

selectForm=selectForm

publishId=iphone6SapptR

color={"colorDisplayText":"Grey","colorId":"Grey","publishId":"iphone6SapptM","modelCode":"iphone6SmodelM","available":true}

rom={"capacityDisplayText":"16GB","capacityId":"16GB","imageFileName":"iPhoneX-gold.png","publishId":"iphone6SapptM","modelCode":"iphone6SmodelM","available":true}

locationId={"locationId":"Marina_Bay_Sands_Exhibition_Hall_A","locationDisplayText":"Marina_Bay_Sands_Exhibition_Hall_A","publishId":"iphone6SapptM","available":true}

dateId=

timeId=

javax.faces.ViewState=H4sIAAAAAAAAAE1QO0sDQRAeL7n4RGIEK9PZWLhgJ1hoQIOH8YGgCBa6uVuTC3e76z5ydxaBNFrYWGhhIVpY5k+IhZ2gpZXYW9u6F0LiBzvMst9jZjs/YHMpYKqBmxhp5QdoA8v6Fub28Ofzy8zJewasMowFDHtl7ComHBhVdUFknQVezFdWIcVENGJq3hxLwazLQiQ1RafYJRKtJRSHvltylc+oNFnTg6ySEDip+FLF7Y/i3Su+z8CQA1npn5OYp8ZRNq2xArtx7HuL2qiPKl19gGkN7VQ

bxFXL12+HD3k5H1iGmsosfQYtyJnO5gb9W6YlYCFVx73ZzKScUUIV2ncOfBLtMabmdgXjRKhkkyQSeigYZwGTg+R1qsP/j1xBLsBSOV7/N7s8hypSI6Lw/fj0275cstL97CYONDF++QFvW4dVIi46t8Xxm6+r/iKcx3/TRn8XowEAAA==

javax.faces.source=color:1

javax.faces.partial.event=change

javax.faces.partial.execute=color_color:1

javax.faces.partial.render=productImage_rom_timeId_dateId_locationId

javax.faces.behavior.event=change

javax.faces.partial.ajax=true

　　转换后就可以更方便的查找对比，方便测试进行。

　　应该还有需要改进的地方，如果测试需要，再做改进。

顺其自然EVO 2014-09-18 09:23 发表评论

原生AJAX基础讲解及兼容处理

顺其自然EVO — Tue, 26 Aug 2014 01:35:00 GMT

　AJAX = Asynchronous JavaScript and XML (异步的JavaScript和XML)。

　　AJAX不是新技术，但却是热门的技术。它可以在不重载（刷新）整个页面的情况下与服务器进行数据交互并更新网页模块。

　　AJAX的优点有很多：可以局部刷新、按需加载，这样就减轻了服务器的数据流量。并且在页面更新的同时，用户可以浏览器网页的其它内容而不受影响，也减轻了结构负担。AJAX也不是万能的，在有以上优点的同时SEO也受到了影响。

　　在学习AJAX之前，必须先有HTML/XHTML、CSS、JavaScript/DOM的基础。

　　AJAX与服务器进行数据交互，必然涉及到服务器端，与此同时也就涉及到了服务器请求对象的创建(new XMLHttpRequest())、确认请求方式(open())、发送请求(send())以及响应请求(responseText)。

　　创建对象：

　　IE9+及其它浏览器支持使用new XMLHttpRequest()的创建对象方式，而IE8及以下则使用new ActiveXObject()的方式进行创建。

　　看了网上许多人使用如下代码进行兼容：

1 try {

2 xml = new ActiveXObject("Msxml2.XMLHTTP");

3 } catch(e) {

4 try {

5 xml = new ActiveXObject("Microsoft.XMLHTTP");

6 } catch(e1) {

7 xml = new XMLHttpRequest();

8 }

9 }

　　笔者用IE11调试功能测试IE10及以下不写new ActiveXObject("Msxml2.XMLHTTP")也是没问题的，于是在创建对象时可以使用代码：

　　var xml = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();

　　确认请求：

　　xml.open('get', 'url', true/false);

　　第一个参数表示：string. 访问方式，有两具值：get/post，大部分的时候使用get

　　第二个参数表示：string. 要连接的服务器网址

　　第三个参数表示：boolean. 表示是否需要异步请求（true为发起异步加载）

　　发送请求：

　　xml.send();

　　如果需要发送数据则采用xml.send(str);

　　响应数据：

　　xml.onreadystatechange = function() {

　　if (xml.readyState == 4 && xml.status == 200) {

　　alert(xml.responseText);

　　}

　　status返回链接的状态，一般返回200与404，200表示成功返回，404表示未找到页面。

　　readyState有5个值，分别为：0、1、2、3、4。而每当值改变时都会触发一次onreadystatechange。

　　readyState的5个值含义分别为：

　　0: 请求未初始化

　　1: 服务器连接已建立

　　2: 请求已接收

　　3: 请求处理中

　　4: 请求已完成，且响应已就绪

　　也就是当请求完成，并且找到页面时，然后才获取服务器上的数据。

顺其自然EVO 2014-08-26 09:35 发表评论

Web服务请求异步化测试

顺其自然EVO — Mon, 18 Aug 2014 01:39:00 GMT

　Web服务异步化：

　　包括两部分，数据传输层异步化（大家已经熟知的NIO），Http业务请求异步化（continuations，servlet3.0）。服务异步处理我将会有一个详细的说明文档（服务异步化的概念，服务异步化的几种标准实现，服务异步化容器的特点），后续给出。

　　Web服务异步化测试原因：

　　TOP应用特殊性：

　　1.自身服务能力由后端的服务能力决定。（对同步Web请求的转发）

　　2.后端服务部署等同性，但要求服务互不影响。

　　第一点导致TOP无法预估自身服务能力（不同后端服务处理速度下的TOP有不一样的支持能力），同时也无法应对在后端服务异常的情况下，整体的服务质量。

　　第二点导致TOP只有在物理上分隔不同服务提供者所对应的TOP集群（资源浪费，同时无法动态调整资源来满足服务变化情况）。

　　因此需要对TOP实施web服务异步处理的测试。这里简单的说一下服务异步化的使用场景需要满足的几个特点：

　　1. 处理耗时大多消耗在于对后端或者外部服务资源的请求上。

　　2. 后端或者外部资源在更多的流量下不会成为瓶颈。

　　拿TOP来解释一下：TOP自身处理主要包括路由，安全，流控等，但是最耗时的是在请求后端各个淘宝团队的服务。其次当前后端服务能力尚未达到真实的处理高峰，因此很多请求被堵在TOP平台，特别是当某些服务异常的时候，另一些服务就会被拖累无法得到充分利用。（当然我们有流控，发现后端服务能力已经成为瓶颈的时候可以对单独服务作限制）。

　　长话短说，上测试结果……

　　环境说明：

　　Linux 2.6.9-55.ELsmp

　　4 Core

　　4 G Memory

　　JDK 1.6.0_07

　　测试工具：loadRunner 9.5

　　测试涉及到了四种容器部署：后面都会用缩写在测试结果上注明

　　1. Apache + modjk + Jboss(后面缩写为Jboss)：

　　此模式Apache配置如下：

ServerLimit 80

ThreadLimit 128

StartServers 10

MaxClients 10240

MinSpareThreads 64

MaxSpareThreads 800

ThreadsPerChild 128

MaxRequestsPerChild 10000

　　Jboss的web容器配置如下：

　　Jboss的web部分以APR模式启动。

　　2. Tomcat6（APR）

　　关键配置如下：

　　maxThreads="500" minSpareThreads="40"/>

　　executor="topThreadPool" connectionTimeout="20000" acceptCount="1000"

　　redirectPort="8444" />

　　3. Tomcat7 RC 4（APR）

　　关键配置如下：

　　maxThreads="500" minSpareThreads="4"/>

　　connectionTimeout="20000" acceptCount="1000"

　　redirectPort="6443" />

　　4. Jetty7

　　关键配置如下：

500

300000

false

8443

20000

5000

附注：

　　Asyn表示异步模式，syn表示同步。Asyn中还分成resume和complete两种方式，后续在介绍技术背景的时候详细描述。

　　对于服务端的load不是每一个测试都做了记录，选取了最全面的1500并发用户做了测试。

　　最大服务请求处理数是通过应用自身实现，具体代码可以参考后面的代码附件。

　　测试结果如下：

　　场景1：500 并发用户场景下，后端服务一次请求消耗3秒钟

　　这个场景测试的目的是比较在线程池资源足够的时候，异步和同步的差别。（也就是TOP服务器所有的资源处于正常服务，前台请求没有因为前段连接被消耗完，导致服务质量降低）

　　可以看到，在TPS和Response Time上两者基本上没有太大差别，TPS就等于500/3=167左右（3秒一个请求，因此用这种简单算式可以算出），响应时间也较为正常。当时我发现在每秒吞吐量上有些差别，后来单个测试case跑了一下，发现是返回的http header比较大，应该是在做异步化时重入等作的一些标识（后面其他容器的异步化也是一样）。

　　最大处理请求数都在服务端后台看到是500，等同于最大的并发用户数。

　　场景2：1000 并发用户场景下，后端服务一次请求消耗3秒钟

　　场景2就在资源不足的情况下，比较异步服务请求与同步请求处理能力。（例如由于后端某些服务比较慢，导致前段的服务器能够承载的请求数目超过了线程数）

　　这个场景的结果可以看到TPS在异步模式下与并发用户数呈现同步增长，就好比配置了1000个线程作为线程池一样，同样在后端打出的最大请求数上也证明了这一点，因此前段线程池的服务能力在异步的情况下充分复用（当然这里使用的异步服务处理使用的是NIO而不是BIO的Connector）。同样在吞吐量上依然是增加的，由于异步附加的内容。

　　场景3：1500 并发用户场景下，后端服务一次请求消耗3秒钟

　　场景三比对了现有TOP的部署模式（Apache + modjk + Jboss）和Jetty7的同步模式，两种异步模式，Tomcat同步模式，Tomcat的servlet3.0异步模式的处理情况。根据测试可以得到的信息如下：

　　1. 现有部署方式在后端服务处理耗时较大的情况下，处理能力不如Jetty7和Tomcat6，同时出错率很高。

　　2. Jetty7的同步处理测试结果和Tomcat6的同步处理测试结果很类似，但是load方面jetty7更好。

　　3. 异步处理方面Jetty7的两种方式基本上差别不大（后续还需要深入源码看看对于数据缓存资源复用的状况），Tomcat7的异步处理成功率有些问题（错误多半是在获取response回写的时候，response已经被提前释放，看来Tomcat7还是需要一些时间来考验），load上来说tomcat结果比较好。

　　4. 异步请求在提高处理能力的情况下，对于资源消耗也较大（线程切换较为频繁），不过还是在承受范围。

　　三个场景组合比较：

　　最后将三个场景合并起来做一个简单的比较，得到信息如下：

　　1. 随着并发用户的增加，本身异步处理也会有衰减，同时对于性能消耗（线程切换）也会不断增长。

　　2. 异步化在消息头上会增加一些数据，会增加回写的带宽消耗（不过量不大），一个请求增加了100byte左右的消息数据。

　　测试总结：

　　1. Web请求异步化在TOP很合适。

　　重复两个条件：

　　a. 处理耗时大多消耗在于对后端或者外部服务资源的请求上。

　　b. 后端或者外部资源在更多的流量下不会成为瓶颈。

　　2. Web请求异步化在Jetty6到7上已经经历了2年多的成长（Google App Engine , Yahoo Hadoop），稳定性和效率较好。（同时很多优化可以通过扩展自行定制，jetty的可扩展性很好）Tomcat7在servlet3上处于刚发布阶段，还有待继续完善。（Servlet3的另一种模式尚未执行成功，直接导致jvm退出）

　　后续需要继续跟进的：

　　1. 对于大数据量请求的容器间性能对比。（图片上传或者大数据量的Post请求）

　　2. 容器安全性。（是否容易被攻击）

　　3. 代码迁移成本。

顺其自然EVO 2014-08-18 09:39 发表评论

Apache安装配置管理

顺其自然EVO — Tue, 12 Aug 2014 01:31:00 GMT

　一、安装Apache

　　下载地址：http://httpd.apache.org/

　　1. 安装Apache

　　# tar zxvf httpd-2.2.11.tar.gz

　　# cd httpd-2.2.11

　　# ./configure --prefix=/usr/local/apache --enable-so

　　//编译时加上加载模块参数--enable-so

　　# make

　　# make install

　　2. 配置系统启动时自动启动Apache服务。

　　# vi /etc/rc.d/rc.local

　　//在rc.local上加入一行/usr/local/apache/bin/apachectl –k start。

　　二、配置Apache

　　1. 修改httpd.conf文件

　　# vi /usr/local/apache/conf/httpd.conf

　　1）设置根目录的路径

　　根目录是指Apache存放配置文件和日志文件的目录，配置参数为ServerRoot，默认位于“/usr/local/apache”。命令如下：

　　2）设置监听IP地址及端口号

　　默认侦听本机所有IP地址的TCP80端口，命令如下：

　　Listen 80

　　用户也可以按自己的需求，使用多个Listen语句在多个地址和端口上侦听客户端请求。比如：

　　Listen 192.168.99.9:80

　　Listen 172.16.0.20:8080

　　3）设置系统管理员E-mail

　　使用ServerAdmin参数设置管理员E-mail，比如管理员的Email地址为root@guoxuemin.cn

　　4）设置服务器主机的名称

　　参数ServerName用来设置服务器的主机名称，如果没有域名则填入服务器的IP地址，比如服务器的IP地址为192.168.99.9：

　　5）设置主目录的路径

　　用户可以使用参数DocumentRoot配置服务器主目录默认路径，比如，主目录路径为：/usr/local/apache2/htdocs

　　6）设置默认文件

　　Apache的默认文件名为index.html，可以使用Directory Index参数来配置，比如，将index.php设置为默认文件名：index.php index.html

　　7）测试：

　　打开浏览器，输入地址：http://192.168.99.9，可以打开站点了：

　　2. 配置目录权限

　　使用和设置目录的权限。比如：

　　Options Indexes MultiViews

　　AllowOverride None

　　Order allow,deny

　　Allow from all

说明：

　　1）定义目录特性选项Options

　　可选参数：

　　Indexes：该特性表明目录允许“目录浏览”；

　　MultiViews：该特性表明目录允许内容协商的多重试图；

　　All：包含了除MultiViews外的所有特性；

　　ExecCGI：该特性表明允许在该目录下执行CGI脚本；

　　FollowSymLinks：该特性表明允许在该目录下使用符号连接。

　　2）.htaccess文件

　　可以通过.htaccess文件（访问控制文件）设置目录的权限。

　　AccessFileName .htaccess

　　配置参数AllowOverride指定目录的.htaccess文件中指令的类型，包括All、None与Options、FileInfo、AuthConfig、Limit的任意组合。一般将AllowOverride设置为“None”，禁止使用.htaccess文件，当AllowOverride参数为All时，.htaccess文件可以覆盖任何以前的配置。

　　3）设置访问控制

　　使用Order选项来定义访问权限。

　　比如以下语句表明允许所有客户机的访问：

　　Order allow,deny

　　Allow from all

　　以下语句表明只允许网段192.168.99.0/24的客户机访问，但IP地址为192.168.99.254这个客户机除外：

　　Order allow,deny

　　Allow from 192.168.99.0/24

　　Deny from 192.168.99.254

　　用户可以根据需要，按上述方法配置自己的目录权限。

　　3. 创建虚拟目录

　　使用Alias选项创建虚拟目录，比如，建立“/icons/”这个虚拟目录，其对应的物理路径为“/var/www/icons/”：

　　Alias /icons/ “/var/www/icons/”

　　4. 用户认证

　　比如，有一个名为myweb的虚拟目录，其对应的物理路径是“/usr/local/myweb”，现对其启用用户认证功能，只允许用户Tonyguo和Wayne访问。

　　1）建立虚拟目录并设置用户认证：

　　Alias /myweb/ “/usr/local/myweb/”

　　Options none

　　AllowOverride None

　　Order allow,deny

　　Allow from all

　　AuthType Basic

　　AuthName “Please Login: ”

　　AuthUserFile/usr/local/apache/bin/mywebpwd

　　Require User Tongguo wayne

　　2) 建立口令文件并为用户设置口令

　　/usr/local/apache/bin/htpasswd –c /usr/local/apache/bin/mywebpwd Tonyguo

　　-c选项表示无论口令文件是否已经存在，都会重新写入文件并删除原内容。所以第二个用户wayne不需要使用-c选项

　　3）测试

　　在浏览器中输入：http://192.168.99.9/myweb，可以看到如下对话框：

　　输入用户名和密码后就可以访问网站了：

　　三、配置虚拟主机

　　1. 配置基于IP的虚拟主机

　　1）IP地址相同，但端口号不同的虚拟主机配置

　　比如使用192.168.99.9的两个不同端口80和8080发布两个不同站点, 虚拟主机分别对应的目录为/usr/local/apache/htdocs/web1和/usr/local/apache/htdocs/web2：

Listen 80

Listen 8080

ServerSignature email

DocumentRoot /usr/local/apache/htdocs/web1

DirectoryIndex index.html index.htm

LogLevel warm

HostNameLookups off

ServerSignature email

DocumentRoot /usr/local/apache/htdocs/web2

DirectoryIndex index.html index.htm

LogLevel warm

HostNameLookups off

　2）端口相同，ip不同的虚拟主机配置

　　比如服务器有两个IP地址192.168.99.9和192.168.99.10，使用这两个IP创建两台虚拟主机，虚拟主机分别对应的目录为/usr/local/apache/htdocs/web1和/usr/local/apache/htdocs/web2。设置方法如下：

ServerName 192.168.99.9:80

DocumentRoot /usr/local/apache/htdocs/web1

DirectoryIndex index.html index.htm

ServerName 192.168.99.10:80

DocumentRoot /usr/local/apache/htdocs/web2

DirectoryIndex index.html index.htm

　　2. 配置基于域名的虚拟主机

　　比如有两个域名guoxuemin.cn和tonyguo.com需要使用同一台服务器192.168.99.9，那么可以这样配置：

NameVirtualHost 192.168.99.9

ServerName www.guoxuemin.cn:80

ServerAdmin admin@guoxuemin.cn

DocumentRoot /usr/local/apache/htdocs/web1

DirectoryIndex index.html index.htm

ErrorLog logs/web1/error_log

Customlog logs/web1/access_log combined

ServerName www.tonyguo.com:80

ServerAdmin admin@tonyguo.com

DocumentRoot /usr/local/apache/htdocs/web2

DirectoryIndex index.html index.htm

ErrorLog logs/web1/error_log

Customlog logs/web1/access_log combined

serverAdmin new@student.com

DocumentRoot "/web/web1"

Options FollowSymlinks

AllowOverride None

Order Allow,Deny

Allow from all

DirectoryIndex index.html index.php index.htm

serverAdmin new@student.com

DocumentRoot "/web/web2"

Options FollowSymlinks

AllowOverride None

Order Allow,Deny

Allow from all

DirectoryIndex index.html index.php index.htm

serverAdmin new@student.com

DocumentRoot "/web/web3"

Options FollowSymlinks

AllowOverride None

Order Allow,Deny

Allow from all

DirectoryIndex index.html index.php index.htm

serverAdmin new@student.com

DocumentRoot "/web/web4"

Options FollowSymlinks

AllowOverride None

Order Allow,Deny

Allow from all

DirectoryIndex index.html index.php index.htm

ServerName ftp.com:80

DocumentRoot /web/ftp

Options FollowSymlinks

AllowOverride None

Order Allow,Deny

Allow from all

DirectoryIndex index.html index.php index.htm

ServerName mail.com:80

DocumentRoot /web/mail

Options FollowSymlinks

AllowOverride None

Order Allow,Deny

Allow from all

DirectoryIndex index.html index.php index.htm

　　负载均衡

　　#访问test目录时负载均衡

　　在modules目录下：导入mod

/usr/local/apache2/bin/apxs -c -i mod_proxy.c proxy_util.c

/usr/local/apache2/bin/apxs -c -i mod_proxy_balancer.c

/usr/local/apache2/bin/apxs -c -i mod_proxy_http.c

vi http.conf

LoadModule proxy_module modules/mod_proxy.so

LoadModule proxy_balancer_module modules/mod_proxy_balancer.so

LoadModule proxy_http_module modules/mod_proxy_http.so

ProxyRequests Off

BalancerMember http://192.168.88.134:8089 loadfactor=5

BalancerMember http://192.168.88.134:8088 loadfactor=1

#weight

ProxySet lbmethod=bytraffic

ProxyPass /test balancer://clusterphpinfo stickysession=STICK_PORT_TOKEN nofailover=On

ProxyPassReverse /test balancer://clusterphpinfo

SetHandler balancer-manager

Order Deny,Allow

Allow from all

#Allow from 192.168.88.*

顺其自然EVO 2014-08-12 09:31 发表评论

Web前沿—HTML5 Form Data 对象的使用

顺其自然EVO — Tue, 29 Jul 2014 01:21:00 GMT

　　XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象，我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件，我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。

　　创建一个FormData对象

　　你可以先创建一个空的 FormData 对象,然后使用 append() 方法向该对象里添加字段，如下：

var oMyForm = new FormData();

oMyForm.append("username", "Groucho");

oMyForm.append("accountnum", 123456); // 数字123456被立即转换成字符串"123456"

// fileInputElement中已经包含了用户所选择的文件

oMyForm.append("userfile", fileInputElement.files[0]);

var oFileBody = "hey!"; // Blob对象包含的文件内容

var oBlob = new Blob([oFileBody], { type: "text/xml"});

oMyForm.append("webmasterfile", oBlob);

var oReq = new XMLHttpRequest();

oReq.open("POST", "http://foo.com/submitform.php");

oReq.send(oMyForm);

　　注：字段 "userfile" 和 "webmasterfile" 的值都包含了一个文件。通过 FormData.append() 方法赋给字段 "accountnum" 的数字被自动转换为字符（字段的值可以是一个 Blob 对象，File对象或者字符串，剩下其他类型的值都会被自动转换成字符串）。

　　在该例子中，我们创建了一个名为 oMyForm 的 FormData 对象，该对象中包含了名为"username"，"accountnum"，"userfile" 以及 "webmasterfile" 的字段名，然后使用XMLHttpRequest的 send() 方法把这些数据发送了出去。"webmasterfile" 字段的值不是一个字符串,还是一个 Blob 对象。

　　使用HTML表单来初始化一个FormData对象

　　可以用一个已有的 form 元素来初始化 FormData 对象，只需要把这个 form 元素作为参数传入 FormData 构造函数即可：

　　var newFormData = new FormData(someFormElement);

　　例如：

　　var formElement = document.getElementById("myFormElement");

　　var oReq = new XMLHttpRequest();

　　oReq.open("POST", "submitform.php");

　　oReq.send(new FormData(formElement));

　　你还可以在已有表单数据的基础上，继续添加新的键值对，如下：

　　var formElement = document.getElementById("myFormElement");

　　formData = new FormData(formElement);

　　formData.append("serialnumber", serialNumber++);

　　oReq.send(formData);

　　你可以通过这种方式添加一些不想让用户编辑的固定字段,然后再发送.　使用FormData对象发送文件

　　你还可以使用 FormData 来发送二进制文件.首先在 HTML 中要有一个包含了文件输入框的 form 元素：

Your email address:

Custom file label:

File to stash:

Stash the file!

　　然后你就可以使用下面的代码来异步的上传用户所选择的文件：

function sendForm() {

var oOutput = document.getElementById("output");

var oData = new FormData(document.forms.namedItem("fileinfo"));

oData.append("CustomField", "This is some extra data");

var oReq = new XMLHttpRequest();

oReq.open("POST", "stash.php", true);

oReq.onload = function(oEvent) {

if (oReq.status == 200) {

oOutput.innerHTML = "Uploaded!";

} else {

oOutput.innerHTML = "Error " + oReq.status + " occurred uploading your file.
";

}

};

oReq.send(oData);

}

　　你还可以不借助 HTML 表单，直接向 FormData 对象中添加一个 File 对象或者一个 Blob 对象：

　　data.append("myfile", myBlob);

　　如果 FormData 对象中的某个字段值是一个 Blob 对象，则在发送 HTTP 请求时，代表该 Blob 对象所包含文件的文件名的 "Content-Disposition" 请求头的值在不同的浏览器下有所不同，Firefox使用了固定的字符串"blob"，而 Chrome 使用了一个随机字符串。

　　你还可以使用 jQuery 来发送 FormData，但必须要正确的设置相关选项：

var fd = new FormData(document.getElementById("fileinfo"));

fd.append("CustomField", "This is some extra data");

$.ajax({

url: "stash.php",

type: "POST",

data: fd,

processData: false, // 告诉jQuery不要去处理发送的数据

contentType: false // 告诉jQuery不要去设置Content-Type请求头

});

　　浏览器兼容性

顺其自然EVO 2014-07-29 09:21 发表评论

H5页面测试总结

顺其自然EVO — Thu, 24 Jul 2014 01:41:00 GMT

其实经过几次H5页面测试之后，发现存在很多共同的问题，所以在此对H5页面的测试点（以及容易出问题的点），做一个总结，给开发同学自测，以及准备入手H5测试的同学一个参考。

　　1、业务逻辑相关

　　除基本的功能测试之外，H5页面的测试，需要关注以下几点：

　　1.1 登陆

　　目前H5与native各个客户端都做了互通，所以大家在测试的时候要注意两点：

　　A、若客户端已登录，那么进入H5后仍然是登录状态。

　　B、若客户端未登录，进入H5，点击对应按钮OR链接，如果需要登录，须拉起native登录。若取消登录，是否可再次拉起登录，或者停留在的页面是否有对应的登录提示。

　　ps：本次测试过程中就发现，第一次点击链接，可以拉起登录，第二次却不能。

　　1.2 翻页

　　遇到翻页加载的页面，需要注意内容为1页或者多页的情况。

　　A、数据分页加载时，注意后续页面请求数据的正确。

　　ps：这个需要注意在快速操作场景中，请求页数是不是依次递增，快速操作（如第一页尚未loading出来的时候仍然继续上拉操作）时是否发出去对应的请求了。

　　1.3 刷新与返回

　　A、下拉刷新是否仍然处于当前页面。

　　B、用户主动点击刷新按钮是否仍然处于当前页面。

　　C、点击返回与back键，回退页面是否是期望页面

　　ps：本次测试过程中就发现，mtop接口请求成功，但是data内无数据时，返回到的就是个空白页面，无法正常发送请求。

　　1.4 mtop接口返回处理

　　发现这个出现问题的地方有很多，但是只要有意识的去处理，就很容易避免，主要是以下几种情况：

　　A、请求成功，且返回有数据，测试mtop接口返回数据的各种场景。

　　B、请求成功，但data内容为空。

　　C、请求接口异常，出现ERR_SID_INVALID::SESSION过期，拉起登录。

　　D、请求接口发生除C中提到的异常之外的异常，通常可归结为一类进行处理。

　　2、H5适配相关

　　H5的适配其实比客户端的相对来说，要少一些，手机品牌之间的差异不大，所以不用太多关注，最容易出现问题的是android2.3系统，这个要特别关注下：

　　A、大屏（如720*1280，重点关注页面背景是否完全撑开页面，刷新是否有抖动）、小屏手机（如320*480，重点关注下弹框样式和文案折行）

　　B、android2.3、android4.X随机找一个即可。

　　C、ios5、ios6、ios7。

　　3、安全相关

　　3.1 明确投放渠道都有哪些

　　如独客、主客、wap，是否对未投放渠道做了限制，直接通过url请求是否拦截等

　　3.2 评估是否需要接入集团安全，如mtee黑白名单等。

　　3.3 是否需要接入支付宝实名认证

　　涉及到金钱相关，如天猫积分，红包等，为了防刷，一般都需要判断是否支付宝实名认证。

　　3.4 是否接入windvane，所有请求通过native发出。

　4、体验相关

　　4.1 资源相关

　　A、页面中有图片的话，淘宝那边建议图片一般不大于50kb，本着一个原则，尽量缩小图片。

　　B、资源是否压缩、是否通过CDN加载。

　　C、如何保证二次发布后有效更新。

　　4.2 流量

　　A、对于一些不会变化的图片，如游戏动画效果相关图片，不需要每次都请求的东西，做本地缓存。

　　B、数据较多时是否做了分页加载。

　　4.3 页面展现时间

　　A、关注页面首屏加载时间。

　　4.4 页面提示

　　A、弱网络下，数据加载较慢，是否有对应的loading提示。

　　B、接口获取异常时，提示是否友好。

　　C、刷新页面或者加载新内容时页面是否有抖动。

　　4.5 手机操作相关

　　A、锁屏之后展示页面。

　　B、回退到后台之后，重新呼出在前台展示。

　　4.6 弱网络体验

　　5、埋点数据检查

　　与BI、前端同学一起确认埋点情况。

顺其自然EVO 2014-07-24 09:41 发表评论

Java中JSON的简单使用与前端解析

顺其自然EVO — Fri, 13 Jun 2014 02:09:00 GMT

　　一、JSON

　　JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 JSON采用完全独立于语言的文本格式。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。

　　JSON与XML的对比（引用自：sanpintian的CSDN博客）：

　　1、可读性：JSON和XML的可读性可谓不相上下，一边是建议的语法，一边是规范的标签形式，很难分出胜负。

　　2、可扩展性：XML天生有很好的扩展性，JSON当然也有，没有什么是XML能扩展，JSON不能的。

　　3、编码难度：XML有丰富的编码工具，比如Dom4j、JDom等，JSON也有json.org提供的工具，但是JSON的编码明显比XML容易许多，即使不借助工具也能写出JSON的代码，可是要写好XML就不太容易了。

　　4、解码难度：XML的解析得考虑子节点父节点，让人头昏眼花，而JSON的解析难度几乎为0。这一点XML输的真是没话说。

　　5、流行度：XML已经被业界广泛的使用，而JSON才刚刚开始，但是在Ajax这个特定的领域，未来的发展一定是XML让位于JSON。到时Ajax应该变成Ajaj(Asynchronous Javascript and JSON)了。

　　二、导包

　　使用JSON需要导入以下包：

　　commons-beanutils.jar

　　commons-logging.jar

　　commons-lang.jar

　　commons-collection.jar

　　ezmorph.jar

　　json-lib.jar

　　三、实现

　　Book类的实现：

1 public class Book {

2 private String name;

3 private double price;

5 public String getName() {

6 return name;

7 }

9 public void setName(String name) {

10 this.name = name;

11 }

13 public double getPrice() {

14 return price;

15 }

17 public void setPrice(double price) {

18 this.price = price;

19 }

21 @Override

22 public String toString() {

23 return name+" "+price;

24 }

25 }

1 /**

2 * @author ZWQ

3 * **/

4 public class JsonTest {

5 public static void main(String[] args) {

6 //***********************************************************************

7 // json基本测试

8 {

9 //新建一个JSON数组

10 JSONArray jsonArray = new JSONArray();

11 //新建一个JSON对象

12 JSONObject json1 = new JSONObject();

13 json1.put("id", "1");

14 json1.put("name", "张三");

15 json1.put("password", "123456");

16 //将JSON对象添加到JSON数组中去

17 jsonArray.add(json1);

19 JSONObject json2 = new JSONObject();

20 json2.put("id", "2");

21 json2.put("name", "李四");

22 json2.put("password", "654321");

23 jsonArray.add(json2);

24 System.out.println("json数组基本测试:" + jsonArray);

26 //结果：

27 //[{"id":"1","name":"张三","password":"123456"},{"id":"2","name":"李四","password":"654321"}]

28 }

30 //***********************************************************************

31 //将对象转成JSON字符串

32 {

33 Book book = new Book();

34 book.setName("Java入门教程");

35 book.setPrice(52.3);

36 //将Java对象转成JSON对象

37 JSONObject jsonObject = JSONObject.fromObject(book);

38 System.out.println("从Object到JSONObject:" + jsonObject.toString());

40 //结果：

41 //从Object到JSONObject:{"name":"Java入门教程","price":52.3}

42 }

44 //***********************************************************************

45 //将对象集合转成JSON字符串

46 {

47 List list = new ArrayList();

48 Book book1 = new Book();

49 book1.setName("高等数学I");

50 book1.setPrice(34.1);

51 Book book2 = new Book();

52 book2.setName("线性代数");

53 book2.setPrice(12.7);

54 list.add(book1);

55 list.add(book2);

56 //将List集合转为JSON数组

57 JSONArray jsonArray= JSONArray.fromObject(list);

58 System.out.println("从Object集合到JSONArray:" + jsonArray.toString());

60 //结果：

61 //从Object集合到JSONArray:[{"name":"高等数学I","price":34.1},{"name":"线性代数","price":12.7}]

62 }

64 //***********************************************************************

65 // 将JSON字符串转为Java对象

66 {

67 String jsonString = "{name:'数据结构',price:52.3}";

68 JSONObject jsonObject = JSONObject.fromObject(jsonString);

69 //将JSON对象转为Java对象

70 Book book = (Book) JSONObject.toBean(jsonObject, Book.class);

71 System.out.println(book.toString());

73 //结果：

74 //数据结构 52.3

75 }

77 //***********************************************************************

78 //将JSON字符串转为Java对象数组

79 {

80 // (2).Bean的数组

81 String jsonsString = "[{name:'数据库基础',price:52.3},{name:'Oracle 11g精华',price:42.3}]";

82 JSONArray jsonArray = JSONArray.fromObject(jsonsString);

83 //将JSON数组转为Java对象数组

84 Book[] books = (Book[]) JSONArray.toArray(jsonArray, Book.class);

85 for (Book b : books) {

86 System.out.println(b.toString());

87 }

89 //结果：

90 //数据库基础 52.3

91 //Oracle 11g精华 42.3

92 }

93 }

94 }

　　四、前端解析

1 //Jquery提供的获取json的方法

2 //使用前先导入Jquery

4 $('#button').click(function(){

5 //url:请求的地址

6 $.getJSON('url', {

7 //id是需要传的参数

8 id: 1

9 }, function(data) {//成功后data即为获取的json字符串

10 //例如data：[{"name":"高等数学I","price":34.1},{"name":"线性代数","price":12.7}]

11 alert("第二本书是："+data[1].name+" 价格是："+data[1].price);

12 });

13 });

顺其自然EVO 2014-06-13 10:09 发表评论

前端自动化测试工具doh学习总结（一）

顺其自然EVO — Thu, 29 May 2014 03:42:00 GMT

　前言

　　项目中需要用到前端自动化测试，自己被当作一个探针研究了下目前用的比较多的web自动化测试工具。一开始研究的是的selenium，但由于项目使用了大量的dijit控件，写起testCase来很费劲；最主要的是selenium有严重的浏览器兼容性问题，于是彻底放弃，改投doh门下，毕竟是dojo他爸爸开发的跟dojo继承起来非常方便。这几篇主要介绍doh、doh/Robot以及将doh与selenium结合进而与CI工具集成起来。

　　一、DOH 是什么

　　DOH 是 Dojo Objective Harness 的简称，是 Dojo 在 0.9 版本之后新增的单元测试工具。随着 Javascript 代码的数量和复杂度的增加，Web 前端开发者也需要一个 Javascript 代码的单元测试框架来保证自己写出来的 Javascript 代码是健壮的。所以，DOH 是 Web 前端开发者对 JUnit 的回应。DOH有如下特点：

　　提供用户界面：JUnit中的红条测试失败、绿条测试通过，大家都已经很熟悉了，DOH也有类似的用户界面，用户在测试时更加一目了然；

　　平台无关：DOH并不依赖某种浏览器平台，甚至不依赖于浏览器；用户可以根据自己的需要在命令行进行Javascript的自动化单元测试；

　　支持Ajax：Ajax编程在Web前端开发中是必不可少的一环，DOH最有价值的一个特性就是支持Ajax的测试；

　　不只适合与于Dojo，可用于任何JavaScript程序的单元测试。

　　下载dojo源码包，解压后可以看到以下目录：

　　二、DOH第一次亲密接触

　　部署到服务器后，我们访问runner.html

　　与JUnit类似，DOH也为我们提供了一个类似的界面，左侧表示运行的测试案例，右侧是测试日志，最上方的进度条表示的是本次运行中的已执行案例，同样绿色表示成功，红色表示失败。默认情况下会加载“dojo/tests/module.js”文件，该文件的作用就是像runner.html中加载dojo所有核心模块的测试案例。

　　如果想要单独加载某一模块的测试案例，需要用到test参数指向该模块：

　　http:///util/doh/runner.html?test=dojo/tests/fx

我们可以吧测试案例放到自己的项目目录下，通过test参数指向自定义测试模块，这时需要用到paths参数：

　　util/doh/runner.html?paths=org/myorg,../../../mycode/org/myorg&test=org/myorg/mymodule/tests/alltests

　　paths参数中逗号前后的值相当于dojoConfig定义packages对象时的name和location

　　同样在path中我们可以定义多个模块，模块之间用“;”分隔开来

　　util/doh/runner.html?paths=org/myorg,../../../mycode/org/myorg;com/mycom,../../../x/com/mycom&test=com/mycom/tests

　　doh中测试模块要么是一个用来请求多个测试文件的文件，要么是一个使用doh.register方法注册时测试案例，或者两者皆有。

　　define([

　　"my/test/widget/Foo0",

　　"my/test/widget/Foo1",

　　"my/test/widget/Foo2"

　　]);

　　或者

define(["doh/runner"], function(doh){

doh.register("MyTests", [

function assertTrueTest(){

doh.assertTrue(true);

doh.assertTrue(1);

doh.assertTrue(!false);

{

setUp: function(){

this.thingerToTest = new Thinger();

this.thingerToTest.doStuffToInit();

runTest: function(){

doh.assertEqual("blah", this.thingerToTest.blahProp);

doh.assertFalse(this.thingerToTest.falseProp);

// ...

tearDown: function(){

doh.assertTrue(boolean)

Note: This function is aliased to doh.t();

doh.assertFalse(boolean)

Note: This function is aliased to doh.f();

doh.assertEqual(obj1, obj2)

Note: This function is aliased to doh.is();

doh.assertNotEqual(obj1, obj2)

Note: This function is aliased to doh.isNot()；

　　Junit中，编写一个测试用例我们需要继承Junit类，同样在doh中也有自己的规则来将一段代码，包装成doh可识别的测试案例。　doh中主要提供了以下方法（最常用的就是doh.register）：

doh.register(...)

An almost 'magical' function. The doh.register() method accepts the function signatures of any of the other registration functions and determines the correct underlying function (listed below) to dispatch registration to. It's the function you'll most commonly use for registering Unit Tests.

doh.registerTest(group, testFuncOrObj)

This function registers a test as a member of the group 'group', and the test can either be a simple function definition or a 'Test Fixture', which is an object that defines the run requirements of the test.

doh.registerTests(group, testFuncOrObjArr)

This function registers an array of tests as a member of the group 'group'. The contents of the array of tests can be an array of simple test functions or an array of 'test fixtures', or a mix of them.

doh.registerTestNs(group, obj)

This function registers an object comprised of functions as a member of the group 'group'. Note that this function will only add in non-private (functions without an _ at the beginning of the name), as a test function. If you'd like to use fixtures (setUp(), tearDown(), and runTest()), please use doh.register(), doh.registerTest() or doh.registerTests().

doh.registerTestUrl(url)

This function registers a URL as a location to load tests from. The URL is used to populate the contents of an iframe, and usually refers to an HTML page that boot-loads D.O.H. internally for running tests in a segmented iframe. A good example showing this is the dojo/tests/fx.html. It loads dojo, doh, and then on dojo load completion calls doh.registerTests(). The D.O.H. instance in the iframe will proxy back the results of the test run to the primary D.O.H. instance.

　　上面提到的dojo/test/fx模块中我们可以看到该文件中主要定义了两个TestSuite：

　　define(["doh/main", "require"], function(doh, require){

　　if(doh.isBrowser){

　　doh.register("tests.fx", require.toUrl("./fx.html"), 30000);

　　doh.register("tests.NodeList-fx", require.toUrl("./NodeList-fx.html"), 30000);

　　}

　　});

　　对应于runner.html中

　　打开该目录下的fx.html文件，我们可以看到该文件中定义了一系列TestCase

　　doh中有两种测试结构：

　　1、Simple Tests 将一个单独的函数放到doh.register参数testCase数组里

　　同步形式：

　　function mySimpleTest(doh){

　　doh.assertTrue(true);

　　}

　　异步形式：

function mySimpleAsyncTest(doh){

var deferred = new doh.Deferred();

setTimeout(deferred.getTestCallback(function(){

doh.assertTrue(true);

}), 100);

return deferred;

}

　　2、Test Fixture

　　同步形式：

{

setUp: function(){

// Setup to do before runTest.//类似于JUnit中的@beforeTest

this.thingerToTest = new Thinger();

this.thingerToTest.doStuffToInit();

runTest: function(){

// Our test function to run.//类似于JUnit中的@Test

doh.assertEqual("blah", this.thingerToTest.blahProp);

doh.assertFalse(this.thingerToTest.falseProp);

// ...

tearDown: function(){

// cleanup to do after runTest.//类似于JUnit中的@afterTest

timeout: 3000 // 3 second timeout.//测试运行时间，超过改时间会报错

}

　　异步形式：

{

setUp: function(){

// Setup to do before runTest.

this.thingerToTest = new Thinger();

this.thingerToTest.doStuffToInit();

runTest: function(){

// Our test function to run.

var deferred = new doh.Deferred();

setTimeout(deferred.getTestCallback(function(){

doh.assertEqual("blah", this.thingerToTest.blahProp);

doh.assertFalse(this.thingerToTest.falseProp);

}), 100);

return deferred;

tearDown: function(){

// cleanup to do after runTest.

timeout: 3000 // 3 second timeout.

}

顺其自然EVO 2014-05-29 11:42 发表评论

Web应用功能测试测试点

顺其自然EVO — Mon, 26 May 2014 02:16:00 GMT

　做了几年的功能测试，也经手了好几个Web应用的项目，在做项目当中积累了一些经验。在这里我对通用一些功能模块的测试点做个记录，一来梳理一下测试用例设计的思路，以便加快相似项目的测试用例的设计，二来有利于设计出更加全面完善的测试用例。以后随着自己的测试技术的进步，也可以在这里对测试用例进行补充，查漏补缺。

　　1. 注册用户信息

　　（1）将某个必填项留空，检查系统是否对必填项为空的情况做了必要的处理；

　　（2）在某个必填项中仅输入空格，检查系统是否能够正确处理；

　　（3）按[Tab]键，光标是否能够按照从左到右，由上到下的顺序在输入域间切换；

　　（4）单击[Enter]，检查是否相当于单击了[注册]按钮，将注册信息提交到系统中；

　　（5）检查系统是否对用户名中的空格做处理；

　　（6）输入已经存在的用户名，检查系统是否对“用户名”做重名校验；

　　（7）用户名大小写校验：若有已注册用户“abc”，输入用户名“ABC”和正确的密码也可以成功登录；若以用户名“Abc”注册用户信息，则系统提示用户名重名，用户已存在;

　　（8）输入字符数等于域允许的最大字符数，检查系统是否能正确保存该信息；

　　（9）输入字符数大于域允许的最大字符数，检查系统是否对域输入长度进行验证，并对超过的字符做合理的处理；

　　（10）检验系统是否对特殊字符做了处理；

　　（11）输入的确认密码与设置密码不一致，检查系统是否做了密码校验；

　　（12）在“密码”和“确认密码”输入域里输入密码，均未显示明文；

　　（13）过期处理：在注册页面填写所有的注册信息，之后停留30分钟，再单击[注册]按钮，系统提示网页已过期；

　　（14）页面切换校验：在用户注册页面输入所有所需的用户信息，单击浏览器工具栏上的[后退]按钮，然后再单击[前进]按钮，系统进入到“用户注册”页面，密码和确认密码输入域应该被清空，其它输入域的信息仍然被保留。

　　2. 管理员登录

　　（1）回车验证：填入管理员帐号和密码，直接按[Enter]键，相当于单击了[登录]键；

　　（2）登录次数的验证：输入多次错误的管理员帐号和密码，验证超过系统允许的错误次数，则帐户被锁定；

　　（3）权限验证：管理员帐号正确登录后，可以访问所有被授权的页面；

　　（4）注入式登录：利用sql漏洞，使用不存在的用户登录。如用户名输入为admin'OR'1'='1，密码输入为x'OR'1'='1，此时系统应该报告用户名或密码不正确；

　　（5）用已锁定的用户登录，系统应该提示锁定用户无法登录；

　　（6）Tab验证：按[Tab]键光标应该能够按照从左到右，由上到下的顺序在输入域间切换。

　　3. 注册用户登录

　　（1）回车验证：同管理员登录；

　　（2）输入登录密码中包含空格，检验系统是否对密码中的空格做处理；

　　（3）检验登录密码不区分大小写；

　　（4）登录次数的验证：同管理员登录；

　　（5）用新注册的用户登录；

　　（6）使用字符长度等于临界值的用户名和密码登录；

　　（7）使用含有空格的用户名登录，检验系统截除空格，该用户名仍可以正常登录；

　　（8）注入式登录：同管理员登录；

　　（9）用已锁定的用户登录，系统应该提示锁定用户无法登录；

　　（10）Tab键验证：同管理员登录。

4. 修改注册信息

　　（1）不修改直接按“保存”，检查是否保存成功；

　　（2）将用户名改为已存在的用户名，检查系统是否进行了重名检验；

　　（3）在修改的状态下，将某个必填项置为空，检查系统是否对必填项为空的情况做了处理；

　　（4）在修改的状态下，将某个必填项中仅输入空格，检查系统是否能够正确处理；

　　（5）输入字符数等于域允许的最大字符数，检查系统是否能正确保存该信息；

　　（6）输入字符数大于域允许的最大字符数，检查系统是否对域输入长度进行验证，并对超过的字符做合理的处理；

　　（7）按[Tab]键，光标是否能够按照从左到右，由上到下的顺序在输入域间切换；

　　（8）单击[Enter]，检查是否相当于单击了[修改]按钮，将信息提交到系统中；

　　（9）检查系统是否对用户名中的空格做处理；

　　（10）输入特殊字符，系统应该对特殊字符做合理的处理；

　　（11）输入的确认密码与设置密码不一致，检查系统是否做了密码校验；

　　（12）在“密码”和“确认密码”输入域里输入密码，均未显示明文；

　　（13）页面切换校验：在修改的状态下，单击浏览器工具栏上的[后退]按钮，然后再单击[前进]按钮，系统进入到“用户信息”页面，密码和确认密码输入域应该被清空，其它输入域的信息仍然被保留；

　　（14）过期处理：在注册页面填写所有的注册信息，之后停留30分钟，再单击[注册]按钮，系统提示网页已过期。

　　5. 一些属于UI测试的测试点

　　（1）按钮状态是否正确：与正在进行的操作无关的按钮应该加以屏蔽；

　　（2）按钮的摆放位置是否合理：错误使用容易引起界面退出或关闭的按钮不应该放在容易单击的位置；

　　（3）重要按钮的摆放位置是否合适：重要的命令按钮与使用较频繁的按钮要放在界面上醒目的位置；

　　（4）关闭错误提示后的光标定位：关闭用户输入错误的提示信息后，光标应定位到对应的输入框中；

　　（5）非法访问：未登录直接访问（复制需要登录后才可以访问的页面的URL）。

顺其自然EVO 2014-05-26 10:16 发表评论

UI测试常用技巧

顺其自然EVO — Sun, 04 May 2014 04:59:00 GMT

　　如何在当前界面中查找第一个ListView中的带有文本属性为Apps的子控件。

UiObjectappItem=newUiObject(newUiSelector()

.className("android.widget.ListView").instance(1)

.childSelector(newUiSelector().text("Apps")));

　　如何查找当前显示界面中的取消按钮和确认按钮：

　　UiObjectcancelButton=newUiObject(newUiSelector().text("Cancel"));

　　UiObjectokButton=newUiObject(newUiSelector().text("OK"));

　　查找到的UiObject实例可以在其他测试代码中重用。需要注意的是：每次使用UiObject做操作的时候uiautomator都会在当前屏幕重新查找该控件。

　　如下代码uiautomator工具在当前界面查找文本内容为“OK”的控件。如果存在并且可用则模拟用户点击该控件。

if(okButton.exists()&&okButton.isEnabled())

{

okButton.click();

}

　　还可以限制仅仅查找特定类型的控件。例如如下代码只查找文本为“Cancel”和“OK”的android.widget.Button类型控件。

UiObjectcancelButton=newUiObject(newUiSelector().text("Cancel")

.className("android.widget.Button"));

UiObjectokButton=newUiObject(newUiSelector().text("OK")

.className("android.widget.Button"));

UiCollection

　　代表控件的集合。获取UiCollection的方式和UiObject一样，通过UiSelector查找。UiCollection对应Android系统中的ViewGroup以及子控件。

　　如下代码演示如何通过UiSelector来获取包含视频集合的UiCollection。

　　UiCollectionvideos=newUiCollection(newUiSelector()

　　.className("android.widget.FrameLayout"));

　　如果每个视频是放到LinearLayout中的，则可以通过如下方式获取视频的数目：

　　intcount=videos.getChildCount(newUiSelector()

　　.className("android.widget.LinearLayout"));

　　如果需要查找标签为“CuteBabyLaughing”的视频，并点击。则可以通过如下方式：

UiObjectvideo=videos.getChildByText(newUiSelector()

.className("android.widget.LinearLayout"),"CuteBabyLaughing");

video.click();

　　同样还可以模拟其他用户操作。例如，模拟选择视频的操作如下：

UiObjectcheckBox=video.getChild(newUiSelector()

.className("android.widget.Checkbox"));

if(!checkBox.isSelected())checkbox.click();

UiScrollable

　　代表可滚动的控件。可以用UiScrollable来模拟水平或者垂直滚动的UI元素。如果需要操作的元素在屏幕外需要滚动屏幕才能看到的情况下需要使用UiScrollable。

　　例如，下面的代码显示了如何模拟滚动到“Settings”菜单并点击“Abouttablet”菜单的操作。

UiScrollablesettingsItem=newUiScrollable(newUiSelector()

.className("android.widget.ListView"));

UiObjectabout=settingsItem.getChildByText(newUiSelector()

.className("android.widget.LinearLayout"),"Abouttablet");

about.click()

顺其自然EVO 2014-05-04 12:59 发表评论

性能测试—性能环境与数据

顺其自然EVO — Sun, 04 May 2014 04:56:00 GMT

性能环境，也是困扰性能测试人员很重要的一个问题。如何模拟线上真实的环境？如何在测试环境进行的性能测试结果，能准确的反应到生产线上去？

　　先聊下我们的做法。

　　首先确认线上的网络拓扑图。比如：

　　左边是线上环境，线上一般是分布式集群部署。比如用户访问服务器A，而服务器A需要依赖到服务器B和C提供的服务，而服务器C与DB存储打交道。那么在性能测试环境，为了模拟用户的行为，需要搭建服务器A,B,C和DB各一台。通过对单台服务器A的压测结果TPS，再线性乘以机器数量，完成线上服务器A集群的TPS的评估。

　　这样做，简单的完成了线上和线下的结果推算。但是这样做，有一个前提：就是保证线上和性能测试环境的机器配置是一样的。机器的配置分为2个部分：硬件和软件。

　　硬件方面，比如机器是4核4G的xen虚拟机，千兆网卡，SATA磁盘。

　　软件方面，包括操作系统的版本，位数，比如：redhat 5.4，**位机器；JDK版本：openJDK 1.6.0；JVM参数配置；web容器：tomcat7.

　　上面说的是应用层面，性能测试还有很重要的一步，就是性能测试数据的准备。

　　性能测试数据库的环境也与应用层一样，保持和线上一样的硬件与软件配置。这里有个问题就是：生产线上一台数据库，对应多台应用。而在性能测试环境中，被我们映射成1：1的关系后，很难找到数据库层的性能瓶颈，因为在压测过程中，应用层会比数据层更快到达性能瓶颈。

　　接下来，简单描述下性能测试数据的准备。性能测试数据的准备也分为2个部分。1是业务数据，2是基础数据。

　　什么是业务数据？业务数据就是性能测试要模拟的用户拥有的数据。比如卖家A，有100个商品。100就是业务数据。基础数据就是商品所在表的总数据量。比如100W。

　　性能测试的数据，不光要关注业务，更要关注数据库表的量级，因为100条数据，和100W条数据，性能测试出来完全是两个结果。

　　为了数据的准确性，性能测试的数据表，也要满足生产线上表的量级。

　　满足了这些条件，性能环境才能基本真实模拟生产线的环境，测试出来的结果才有推算上线后结果的可能。

　　后记：

　　每个公司的业务不同，系统架构也不同，所以性能测试环境方面肯定有很大的差异。我只是简单的写了我所在公司的性能环境的一些知识，分享给大家，供大家一个参考，希望你能从这里获得有用的东西。关于性能测试环境，我的一些观点：

　　1. 如果允许生产线做性能测试，就尽量做生产线性能测试。同样的环境，性能测试的结果才有意义，性能测试的价值也最大体现。

　　2. 测试环境的配置可以与线上一样，可以做下N：1的映射。结果线性乘以机器数，可以评估线上集群的负载。

　　3. 真没条件，线上线下环境差异很大。就尽量找一些代码级别的性能瓶颈。优化后再上线，线下的结果就不用去推算线上，很不科学

顺其自然EVO 2014-05-04 12:56 发表评论

Web Api单元测试写法

顺其自然EVO — Sun, 04 May 2014 04:56:00 GMT

　例如我们在Web Api项目中有个Controller

public class SomeController : ApiController

{

public HttpResponseMessage Get()

{

// 一些操作

return Request.CreateResponse(HttpStatusCode.OK, someModel);

}

　　如果你在单元测试中直接调用 SomeController 的Get()方法，那么你将会收到一个Exception提示Request为Null。

　　因此我们需要在测试代码中构造一个Request，有两种方法

　　1、简单构造法

[TestMethod]

public void UnitTestMethod()

{

// 环境准备部分

YourNameSpace.Controllers.SomeController controller = new SomeController();

// 下面两个语句是构造一个简单的请求报文

controller.Request = new HttpRequestMessage();

controller.Request.SetConfiguration(new HttpConfiguration());

var result = controller.Get();

// 断言

}

　　2、可控性更强的构造

[TestMethod]

public void UnitTestMethod()

{

// 环境准备部分

YourNameSpace.Controllers.SomeController controller = new SomeController();

var config = new HttpConfiguration();

var request = new HttpRequestMessage(HttpMethod.Post, "YourUrl");

var route = config.Routes.MapHttpRoute("DefaultApi", "api/{controller}/{id}");

var routeData = new HttpRouteData(route, new HttpRouteValueDictionary { { "controller", "products" } });

controller.ControllerContext = new HttpControllerContext(config, routeData, request);

controller.Request = request;

controller.Request.Properties[HttpPropertyKeys.HttpConfigurationKey] = config;

var result = controller.Get();

// 断言

}

　　然后就可以运行单元测试查看结果了。

顺其自然EVO 2014-05-04 12:56 发表评论

PAAS平台的web应用性能测试与分析

顺其自然EVO — Tue, 29 Apr 2014 02:46:00 GMT

引言

　　为什么我会写这一篇博客，因为最近很多京东云擎jae的用户反应一个问题就是他们部署在jae上面的应用访问很慢，有极少数应用甚至经常出现504超时现象，当然大家首先想到的是jae性能太差，这也是人之常情，往往出现什么错误的时候首先想到是别人的不好，工作中很多同事也是这样，如果软件系统出现一个bug首先怀疑的肯定不是自己写的代码。今天花时间写这一篇博客主要就是告诉大家怎样确定我们部署在PAAS平台（不仅仅是JAE哦）web应用为什么慢？慢在哪儿了？有什么方法可以解决？

　　原因分析

　　出现访问自己web应用慢从宏观上可以总结为下面三点：

　　（1）网络慢：具体来说就是访问者同部署web应用的PAAS平台之间的网络慢;

　　（2）PAAS平台性能出现问题：具体来说就是由于各种原因导致PAAS平台不能很好服务部署在它上面的应用;

　　（3）web应用本身慢：由于各种原因（频繁读写磁盘，大量耗时的计算，资源竞争等）导致web应用不能很快的响应访问者的请求。

　　上面三点主要总结于web应用的访问路径，因为访问PAAS平台的web应用首先需要经过网络，然后经过PAAS平台的过滤和转发等处理，最后才到达web应用本身处理。这三个环节任何一个出现问题都会导致web应用访问变慢。知道原因了，我们还需要判断到底是哪一个环节出现了问题，下面就说说怎样定位具体的环节。

　　定位具体原因

　　上面分析的三个原因除了第二个原因以外，大家都可以自己定位和排除，首先检查网络，为了更加准确我们可以从一下方面进行排除：

　　（1）首先检查访问其他网站是否出现很慢的现象，如果很快，那么说明你的网络肯定大体上是正常的;

　　（2）访问对应PAAS平台提供的相关网站和PAAS平台所属公司的网站，例如JAE，你可以访问京东商城主站和京东云平台首页等，BAE可以访问百度相关网站，SAE可以访问新浪相关网站，因为这些关联网站一般部署在同一个机房或者同一个城市，如果这些网站也很慢，那多半说明这些网站相关机房网络出现问题或者访问量很大，导致这些网站对外出口流量和访问速度变慢，也就是对外提供服务的能力扛不住了，如果没有问题，那么可以排除大的网络环境是没有问题的;

　　排除了网络因素，我们就可以排除后面两个原因了，由于PAAS平台的性能对用户基本上是透明的，就是用户基本上无从得知，所以可以直接跳过这个原因的排除，当然其实是有手段的，只是稍微复杂，所以不方便所有用户，如果是这种原因最好还是交给PAAS平台的开发人员去处理。

　　最后一个原因当然就是web应用自身的实现了，我发现很多用户反馈的网站访问慢的原因都是由于自己代码实现的问题。

　　首先出现问题的网站大多数是有一定访问量的，特别是某一个时间段出现访问量巨大，而且频繁读写磁盘。为了定位这种原因希望大家把应用部署在自己本地使用web性能测试工具做验证即可，例如比较常用的web性能测试工具ab，这个事apache自带的测试工具，ubuntu下安装和使用都非常方便，例如我们直接在控制台中输入ab，如果没有安装，ubuntu系统会如下提示：

　　The program 'ab' is currently not installed. You can install it by typing:

　　sudo apt-get install apache2-utils

　　然后安装提示安装即可，安装成功以后我们就可以使用ab软件对我们部署在本地的web应用进行性能测试评估了，命令如下：

　　ab -n1000 -c10 http://localhost/

　　上面命令的意思是总共发送1000次请求，每次10各并发请求，访问的路径就是本地web服务器的根路径，结果如下：

This is ApacheBench, Version 2.3 <$Revision: 1430300 $>

Licensed to The Apache Software Foundation, http://www.apache.org/

Benchmarking localhost (be patient)

Completed 100 requests

Completed 200 requests

Completed 300 requests

Completed 400 requests

Completed 500 requests

Completed 600 requests

Completed 700 requests

Completed 800 requests

Completed 900 requests

Completed 1000 requests

Finished 1000 requests

Server Software: Apache/2.4.6

Server Hostname: localhost

Server Port: 80

Document Path: /

Document Length: 177 bytes

Concurrency Level: 10

Time taken for tests: 0.075 seconds

Complete requests: 1000

Failed requests: 0

Write errors: 0

Total transferred: 446000 bytes

HTML transferred: 177000 bytes

Requests per second: 13283.74 [#/sec] (mean)

Time per request: 0.753 [ms] (mean)

Time per request: 0.075 [ms] (mean, across all concurrent requests)

Transfer rate: 5785.69 [Kbytes/sec] received

Connection Times (ms)

min mean[+/-sd] median max

Connect: 0 0 0.1 0 1

Processing: 0 1 0.2 0 2

Waiting: 0 0 0.2 0 2

Total: 0 1 0.1 1 2

ERROR: The median and mean for the processing time are more than twice the standard

deviation apart. These results are NOT reliable.

Percentage of the requests served within a certain time (ms)

50% 1

66% 1

75% 1

80% 1

90% 1

95% 1

98% 1

99% 1

100% 2 (longest request)

上面具体每一项代码什么意义可以网上查找，这里我们主要关心一下如下这个选项：

　　Requests per second，从结果看这个值是13283.74 [#/sec] (mean)，表示每一秒钟可以处理13283.74各请求，因为我这个很简单的一个静态页面（就是apache服务器安装后默认的首页），所以看起很不错，而且是通过本地localhost，没有经过网络。我们可以改变访问的条件持续做很多组测试，例如我把并发请求数改为100,即-c100,得到参数值为：

　　Requests per second: 11843.29 [#/sec] (mean)

　　明显比上面减少了一些，继续改总请求数为10000,并发数1000,即-n10000 -c1000得到如下值：

　　Requests per second: 747.98 [#/sec] (mean)

　　这个时候减少的相当的可怕了，所以通过这个ab测试工具就能够知道我们的web应用能够承担多少的并发访问，当然我们可以通过不断的挑战参数进行测试，然后绘制成一个曲线图观察就很方便看出我们web应用的最佳性能点，超过那么最佳性能点可能就导致性能下降，那么访问速度也就跟着下降了。

　　当然只看上面一个参数看不出具体一个用户访问所需要等待的时间，另一个参数可以看出，我对应三次的测试这个参数值分别如下：

　　Time per request: 0.753 [ms] (mean)

　　Time per request: 8.444 [ms] (mean)

　　Time per request: 1336.942 [ms] (mean)

　　从三次测试可以看出，随着并发数的增长，一个用户平均等待的时间也在变长，这个最终就反应到用户web访问的结果（速度的快慢），这里测试的只是一个简单的静态网页，如果是复杂的动态网页（例如访问数据库，读写磁盘和大量的计算等）那么就更加复杂了，一个请求的快慢由于web应用需要处理的业务逻辑有很大的关系，当然怎样让这些业务逻辑执行更快并且并行执行，这个就需要程序实现者考虑了。

　　总结

　　这里只是简单介绍了部署在PAAS平台web应用访问很慢的可能原因和简单定位方法，起始我觉得大家应该中的关注在第三点上，自身应用的优化，因为前面两点都是我们不可控的，网络这个PAAS平台自身也解决不了，最多可以部署多个机房多个宽带运营商和cdn处理等，但是用户自身的网络问题PAAS平台也是解决不了的。至于PAAS平台自身的原因，大家就更不用担心了，他们比你们更关系自身PAAS平台的性能，因为上面托管着成千上万的web应用，他们时时刻刻都在关系着自身平台的性能拼劲，想着各种方法优化。如果PAAS平台的原因导致用户部署的web应用访问很慢甚至不可用那么这个PAAS平台自身也做不下去的。

　　最后还想强调一点就是web应用自身的性能优化问题，现在各种语言都提供了很好的开发框架，理论上都是稳定的并且性能是不错的，当然特殊场景需要特殊考虑。但是我们自身在设计web应用的时候可能需要考虑的更多，不要妄想一个简单的开发框架就能解决所有的问题，尤其是性能问题。设计到web应用优化的知识和技术非常的多也非常的复杂，还有很多场景，所以这是各长久的过程。后面有机会也会给大家介绍一些web性能优化的方法和技术，并且结合实际场景进行分析和演练。

顺其自然EVO 2014-04-29 10:46 发表评论

性能分析软件之yourkit入门介绍

顺其自然EVO — Mon, 28 Apr 2014 02:30:00 GMT

　安装、运行，

　　1 下载windows版本的yourkit，安装并破解。

　　2 在本机tomcat安装yourkit插件

　　2.1 打开tomcat的环境参数配置文件catalina.bat。

　　2.2 增加java系统参数：

　　set JAVA_OPTS=%JAVA_OPTS% -agentpath:D:/java/share/yjpagent.dll

　　yjpagent.dll从your kit的安装目录能找到，如D:\Program Files (x86)\YourKit Java Profiler 9.0.3\bin\win32下。

　　请注意，不能将系统参数设置为-agentpath: D:/Program Files (x86)/YourKit Java Profiler 9.0.3/bin/win32/ yjpagent.dll,否则tomcat将无法启动，因为路径中含有空格。因此将yjpagent.dll复制到无空格的目录，如D:/java/share/yjpagent.dll。（本人当初因踩了“路径有空格”这坑，而折腾了很久）。

　　2.3如果是监控远程linux上的tomcat，唯一的区别是下载linux版yourkit获取linux版的yjpagent库文件。

　　3 启动tomcat

　　4 运行your kit

　　5 在”show all running JVMS” 复选框打勾，能看到本机运行的java进程。

　　6 在列表中双击tomcat对应的进程，即可以看到your kit的监控界面。

　　监控

　　1 看各函数cpu资源消耗比例

　　1.1点Cpu标签页

　　1.2在cpu time图标框，用鼠标水平划一时间区域

　　1.3在底下的分析栏：CPU Usage Estimation，将显示该时间段各个函数cpu资源利用比例。选择函数点击能显示子函数的占用比。

　2 分析内存

　　2.1 选择Memory 标签页

　　2.2 在底下分析栏：CPU List，能看到jvm中各类的内存占用情况，如要查询具体类可在输入类名进行模糊查看那。

顺其自然EVO 2014-04-28 10:30 发表评论

ubuntu下搭建jira4.2

顺其自然EVO — Thu, 24 Apr 2014 02:24:00 GMT

　由于我们的项目缺少一个bug管理系统，刚好以前用过jira，感觉很不错，就安装一个用用了，下面是安装步骤，参考了一些网上的教材，特此表示感谢。

　　1.系统环境

　　系统环境为ubuntu10.04+mysql5.1.14+jdk1.6

　　2.文件准备

　　由于jira是用java写的，jdk当然是比不可少了；我用的是mysql数据库，所以mysql也是需要安装的，安装时注意修改编码为utf-8，后面我们会提到。

　　jira现在最新的版本为4.2，可以到jira官方网站去下载，可以免费试用30天；当然，如果您喜欢，您也可以去破解。

　　3.安装过程

　　（1）在/usr/local下新建一个文件夹jira，然后在jira文件夹下建立jira_home文件夹

　　（2）复制下载后的文件atlassian-jira-enterprise-4.2-standalone.tar.gz到/usr/local/jira目录下并解压(tar xf at*.gz)

　　（3）安装mysql，并修改/etc/mysql/my.cnf文件，在[mysql]和[mysqld]下分别增加一句：default-character-set=utf8

　　（4）通过mysql -u root -p 命令登入mysql，创建数据库jiradb，操作命令为 create database jiradb character set 'utf8'

　　（5）创建用户jira，操作命令为 grant all privileges on jiradb.* to 'jira'@'%' identified by 'jira'

　　（6）进入/usr/local/jira/atlassian-jira-enterprise-4.2-standalone/目录，编辑conf文件夹下的server.xml,找到如下内容并修改：

driverClassName="com.mysql.jdbc.Driver"

url="jdbc:mysql://localhost/jiradb?useUnicode=true&characterEncoding=UTF8"

username="jira"

password="jira"

maxActive="20"

validationQuery="SELECT 1"

　　（7）进入 /usr/local/jira/atlassian-jira-enterprise-4.2-standalone/atlassian-jira/目录，分别执行如下操作：

　　编辑/WEB-INF/classes目录下的jira-application.properties文件，修改jira.home =/usr/local/jira/jira_home

　　编辑/WEB_INF/classes目录下的entityengine.xml文件，将

　　schema-name="PUBLIC"

　　4.破解

　　下载licence文件 http://files.cnblogs.com/flyingzl/jira_licence.rar并覆盖/usr/local/jira/atlassian-jira-enterprise-4.2-standalone/目录

　5.启动jira

　　进入/usr/local/jira/atlassian-jira-enterprise-4.2-standalone/bin，执行./catalina.sh run

　　6.访问jira

　　打开浏览器，输入http://localhost:8080/就能看到jira的主页面了。在首页会看到你的ServerID，比如ServerID为BL7M-KJJC-06XD-R275,那么拷贝如下licence:

Description=JIRA\: COMMERCIAL

CreationDate=2010-11-04

ContactName=flyingzl@gmail.com

jira.LicenseEdition=ENTERPRISE

ContactEMail=flyingzl@gmail.com

Evaluation=false

jira.LicenseTypeName=COMMERCIAL

jira.active=true

licenseVersion=2

MaintenanceExpiryDate=2011-10-24

Organisation=flyingzl

jira.NumberOfUsers=-1

ServerID=BL7M-KJJC-06XD-R275

LicenseID=LID

LicenseExpiryDate=2011-10-24

PurchaseDate=2010-11-04

顺其自然EVO 2014-04-24 10:24 发表评论

性能测试关联学习

顺其自然EVO — Fri, 18 Apr 2014 05:23:00 GMT

今天学习了性能测试的关联。以前都是从ppt上简单知道关联操作，不懂得那些操作需要关联，关联意义，为什么需要关联，那些字段需要关联。今天在kelly帮助讲解下，了解了关联的意义。

　　举例从创建预收货订单保存订单-》保存商品明细-》审核-》确认收货最终状态是完全收货。

　　其中涉及需要关联有商品明细的保存、审核、收货确认均需要关联

　　操作关联步骤：

　　1.录制脚本，进行回放发现，回放一次只会在在原来的订单下新增一条商品明细，不会每次回放均新增一条记录，同时状态均是新增，故存在问题。

　　2.寻找问题出在商品保存的时候，一直获取是原因的订单的ID和OrderNO ，所以每次保存即在原来的订单下进行保存。

　　3.把脚本切换到TREE目录下，查找商品明细保存的这段的request的内容，在的节点中，看到代码写的方法，可以看到变量，分析哪些变量是不变，哪些变量是更新。从中得知ID和OrderNO，是一直保存于订单头部的一致。

　　4.ID和OrderNO是可以从订单头部的保存自动生成，即在TREE的Response的XML下可以找到服务器反馈回来的值。

　　5.此时需要在订单头部查找到Response函数，然后点击函数右键，保存在一个参数里。即Response全部信息均保存在参数里。

　　6.由于商品保存只需要获得ID和OrderNO，所以需要把这两个另存为其他参数，在商品保存可以直接调用。

　　7.在商品保存查看Request和tree模式下，找到ID和OrderNO，点击save value in parameter 。即name可以是默认，XML Source是来源头部保存的参数。

　　8.此时在Script脚本下，在商品保存中，去把ID和OrderNO参数化，调用在request中保存的参数即可。

　　9.审核和收货确认也一样进行分析。

　　10.从新跑脚本即可以新增一条订单，同时状态是完全收货。

顺其自然EVO 2014-04-18 13:23 发表评论

Web测试中，各类web控件测试点总结

顺其自然EVO — Thu, 17 Apr 2014 02:19:00 GMT

　　一、界面检查

　　进入一个页面测试，首先是检查title，页面排版，字段等，而不是马上进入文本框校验

　　1、页面名称title是否正确

　　2、当前位置是否可见您的位置：xxx>xxxx

　　3、文字格式统一性

　　4、排版是否整齐

　　5、列表项显示字段是否齐全,列表项字段名称是否跟表单统一

　　6、同一页面，是否出现字段名称相同、值取不同的问题。

　　7、数据加载情况：除了文本框的值，还要注意：

　　复选框，是否保存打√，或者保存不打√

　　下拉框，是否保存选择的值

　　多文本框，值是否都被保存，空格，换行是否保存

　　二、单文本框（type=text）

　　边界：字段长度

　　判空：是否可以为空

　　唯一性：是否唯一 (小归结：边界、判空、唯一性、特殊字符、正确性)

　　考虑语言，操作环境

　　特殊符号测试输入：

　　' or 1<>'1　　　' or '1'='1　　' or '1'<>'2　　"|?><

　　where a='xxx'　　　下划线是否允许　　输入全部空格输入单引号

　　特殊字段输入限定：

　　框内容是否合法（tel，ip，url，email）序号等，直接限制输入数字，其他过滤掉

　　输入金额文本框，整数首位为0，过滤掉，小数点后面，一般保留两个有效数字。

　　正确性测试：（必不可少的步骤）

　　1)、(字段长度输入最大允许长度时)数据允许长度的测试：

　　a、页面是否被挤出的测试(都输入长英文字符串，是否断行)；

　　b、数据库是否允许最大字符(都输入汉字、都输入英文、混合……)；

　　c、最短长度的正确流程，最大长度的正确流程覆盖。

　　2）、对于允许为空的字段，不填入，再次数据传递后，看是否报500错误。

　　3）、未规定字段长度（或者数值大小），不按死板输入，输入非常多字符（或者非常大的数值）时，做允许动作的正确性校验，看是否报错。(要达到的结果：不管有没有长度限制(没有给最长、最大限制让你去测？)，最终页面不能抛数据库异常。)monkey test

　　说明：通过不断输入长字符串，看是否有长度校验；

　　最终都会出现以下两种情况的一种：

　　A、页面(前台)有校验长度、大小；或者

　　B、无校验，数据库报错。

　　所以：所有字段都要做长度、大小限制(不管需求有没有给出明确要求，不管测试颗粒度，都要限制长度，不允许报数据库错误，都要测！！！)。最大长度限制可限定方法：1、不允许再输入；2、自动截断处理，并且给用户提示

　关于长度概念：

　　1、数据库规定的字节长度A

　　2、页面上可以输入的字符数B

　　控制方法：

　　1）、页面上，不管输入什么字符（全角如汉字、半角如字母），统一规定不能超过B个字符，此种限制，

　　测试点：全部输入全角B个，测试（B*3字节）会不会超过数据库字节长度

　　全部输入半角B个，测试（B*1字节）会不会超过数据库字节长度

　　混合输入全角X半角Y，测试（X*3+Y字节）会不会超过数据库长度

　　2）、页面上，不以字符统计，以总的输入字节数统计，比如，全部输入全角字符，允许可以输入A/3个字符，全部输入半角字符，允许输入A个字符（民生网的设计）

　　测试点：全部输入全角，看是否允许输入A/3个字符

　　全部输入半角，看是否允许输入A个字符

　　混合输入全角X，半角Y，看是否允许X*3+Y=A

　　(5个：判空、唯一、边界值、特殊字符、正确流程(多种数据、多种分支))

　　+测试校验位置：ajax鼠标事件校验、前台提交按钮js校验，服务器拿到数据后再次验证

　　三、多文本框（type=textarea）

　　1)、空格和换行的问题，看需求，是否需要做支持HTML Encoding

　　输入全部空格时，是否判空处理？””空格，。

　　输入折行，是否也显示折行？

　　比如：列点说明原因，就需要支持。

　　2)、字母截断的问题

　　对于一串字母，开发人员往往会忘掉做截断，这样如果展示在我们的平台上的话，这一串字母就会把我们的UI撑开

　　3）、长度控制格式，您还可以输入***个字符

　　四、添加按钮

　　添加动作检查范围：

　　失败：是否提示

　　提示内容是否正确

　　失败时：保存用户已输入的内容，避免重新再输入

　　成功：对话框消失

　　记录是否可直接查看（还需要刷新？）

　　列表记录顺序

　　重复提交情况，点击一次后，是否变成disable

　　上传附件的添加：

　　A. 文件名称：文件名称很长；文件名称字符多样化(汉字，英文，符号)；文件名称重复。

　　B. 判空？

　　C. 附件格式类型支持？

　　D. 附件个数？

　　E. 附件空间大小。

　　五、移除按钮

　　1.一般都要在前台先给出一个提示操作“确定移除该……”

　　2.相关联的东西，是否需要限制移除“该类型下存在应用，无法移除”有到后台比较

　　3.确定后，真正执行移除操作。

　　结果：

　　移除后，列表数据是否立即消失。

　　必须有确认删除的提示信息

　　六、列表

　　1）、列表记录顺序

　　2）、是否需要翻页、有没有翻页功能

　　3）、字段名称是否与表单一致

　　七、搜索-文本框

　　1、功能点、需求点考虑：

　　是否提供模糊查询、输入数值有种类有限定时，是否考虑换成下拉框搜索；

　　2、检查点：

　　文本框值是否消失(是否回填条件值)，再次点击“查询”可查看所有记录；

　　考虑搜索结果：是否存在分页，分页是否正常；是否有序；

　　注意：分页是否仍保存查询条件，检查后面的记录是否符合条件

　　3、查询数据多样性：

　　输入不存在的字段值测试、包括特殊字符查询测试例如：' or '1'='1；

　　输入类似程序语句的条件时是否执行查询，如：XXXX”、XXX and ；

　　4、操作类型：

　　1) 不输入的查询

　　2) 输入全部空格的查询

　　3) 模糊查询(输入部分字段，或者说，输入英文字母，查询到相关中文数据)

　　4) 输入不存在的查询

　　5) 输入存在的查询

　　6) 单个查询和多个条件复合查询。

　　八、搜索-下拉框

　　检查点：

　　a) 搜索结果是否有序；

　　b) 下拉框值是否齐全；(下拉框值本身也是一个动态查询的结果)

　　c) 下拉框值是否自动消失，再次点击“查询”可查看所有记录(是否要回填条件值)；

　　d) 分页时，是否保存搜索条件。

　　（从UI、开发、业务逻辑、用户使用等角度测试）

　　PS:

　　以上总结的，是比较纯粹的从页面控件角度测试点出发，对于完整测试一个整体页面，需要各类测试有机结合起来：

　　1）UI测试：

　　页面布局；页面样式检查；控件长度是否够长；显示时，是否会被截断；支持的快捷键，Tab键切换焦点顺序正确性等。

　　2）功能测试：页面上各类控件的测试范围，测试点，可参考上方

　　结合控件的实际作用来补充检查点：比如，密码框是否*显示，输入是否做trim处理等

　　3）安全测试：输入特殊字符，sql注入，脚本注入测试

　　后台验证测试，对于较重要的表单，绕过js检验后台是否验证

　　数据传输是否加密处理，比如，直接请求转发，地址栏直接显示发送字符串？

　　数据库存储，特别密码等，是否加密形式存储

　　4）兼容性测试

　　5）性能测试

顺其自然EVO 2014-04-17 10:19 发表评论

谈谈容量规划

顺其自然EVO — Thu, 03 Apr 2014 02:57:00 GMT

　容量规划是个资源管理的命题，其目标是解答运行中的系统需要多少容量以及在什么时候需要这些容量的问题，更简单的说法就是回答我们需要在什么时候加多少机器的问题。

　　容量规划模型

　　容量水位是一种常用的容量规划模型，其定义为：集群流量 / 集群性能 x 100%

　　容量水位模型把容量规划问题转化为两个方面，即

　　1. 系统的能力(集群性能)是多少？通过线上压测回答

　　2. 系统的负荷(集群流量)是多少？通过线上监控回答

　　通过预定义安全水位、加机器水位等水位线，当集群负荷达到特定水位线时采取相应的措施。

　　线上压测

　　集群性能 = 单机性能 x 集群机器数

　　通过线上压测可以得到单机性能，进行线上压测前需要明确几个问题

　　1. 用什么来描述系统的性能？TPS还是网络流量，根据具体业务具体分析，关键是它能真正反映实际性能

　　2. 选取的性能指标能够方便地监控吗？

　　3. 用什么样的标准来度量最大性能？比如CPU达到80%，响应时间超过1s

　　线上监控

　　根据选取的性能指标，监控当前系统的运行情况，记录其变化趋势

　　依赖容量

　　系统各个部分存在一定的依赖关系。从业务上理解，即最靠近用户的入口调用会转化为中间层和底层系统上的调用。

　　一定的用户访问模式，能够得到其调用链路上的调用比例或依赖系数。故假设用户访问模式基本固定，我们只要设定(推广活动前)前端系统的容量目标，就能推算出其依赖的中间层和底层系统的容量目标，从而进行所有依赖系统的容量规划。

　　容量规划是受到业务模式或访问模式影响的，而这种影响是一直变化的，我们需要定期的修正这种变化，才能保证容量规划结果的正确性。

顺其自然EVO 2014-04-03 10:57 发表评论

12个最好的免费网站速度和性能测试工具

顺其自然EVO — Mon, 31 Mar 2014 03:39:00 GMT

　如果你是位个人站长，就能理解网站速度的重要性。自从 Google 算法开始使用网页加载时间作为搜索排序参数之后，网站速度对 SEO 的影响非常大。而且，很慢的加载速度会对网站访问者产生消极的影响。如果你的网站加载速度很慢，需要等待一段时间才能加载，那么用户很有可能不会再次访问这个网站。

　　所以，为了解决以上说到的问题，我们收集整理了一个最好的免费网站速度测试和分析工具列表。接下来介绍的工具都是免费，而且会提供非常详细的数据报告给用户，帮助用户做些必要的补救措施。希望大家都能在下面的列表中找到对自己有帮助的，使自己的网站访问速度越来越快！

　　1. Google PageSpeed Insights

　　Google PageSpeed Insights 允许用户分析网站页面的内容，并且会提供加快网站访问速度的建议。

　　2. GT Matrix

　　GTmetrix 可以帮助用户开发一个快速，高效，能全面改善用户体验的网站。它会为网站性能打分，然后提供可行性的建议来改善已发现的问题。

　　3. Neustar Free Load Testing & Performance Test

　　neustar 这个工具是个简单快速生成网站性能分析数据的工具。它能忽略掉大小和地理位置来检测和负载测试网站，非常容易得出网站的性能分析，帮助用户加快网站加载速度。

　　4. Web Page Analyzer

　　Web Page Analyzer 是个非常强大的速度测试工具，提供详细的网站分析数据并且会提供提高网站性能的建议。它提供大量的 web 页面速度报告，global report，外部文件计算，加载时间，网站分析数据和改善建议。

　　5. Pingdom

　　Pingdom 是个非常杰出的工具，帮助用户生成大量网站的报告（页面大小，浏览器缓存，性能等级等），确定网站的加载时间，而且允许用户跟踪性能的历史记录，能在不同位置进行网站测试。

　　6. Load Impact

　　Load Impact 允许用户做些 web 应用的负载和性能测试。它不断增加网站流量来测量网站性能。Load Impact 会选择一个全球负载区，测试模拟客户，带宽，接收数据和每秒请求等。越来越多客户变活跃，这个工具会用个漂亮的图表来展示测量的加载时间。

　　7. WebPage Test

　　用户可以使用 WebPage Test 来进行简单的测试，又或者是进行高级的测试，比如多步事物处理，视频采集，内容屏蔽等。测试结果会提供丰富的诊断信息，包括资源加载瀑布图表，页面速度优化检测和改善建议等。

　　8. Octa Gate Site Timer

　　Octa Gate Site Timer 工具允许用户检测每个用户加载一个或多个页面的时间。当页面加载的时候，SiteTimer 存储每个项目加载的数据和用户接收的数据，这些数据会用一个网格来显示。

　　9. Which Loads Faster

　　Which Loads Faster 是用来测试 web 性能问题的工具，可以在每个用户的浏览器测试。whichloadsfaster 是开源的，使用 HTML 和 JavaScript 编写的测试工具，完全在客户端运行。

　　10. Yslow

　　YSlow 能分析 web 页面，基于一系列 web 页面高性能规则提供改进网页性能的建议。

　　11. Show Slow

　　Show Slow 是个开源测试工具，帮助检测各种网站性能指标。它会把页面速度的检测结果排序，有 dynaTrace AJAX 版，WebPageTest 和 YSlow。它会用图形化显示排序结果，帮助用户理解哪些因素会影响网站的性能。

　　12. Free Speed Test

　　Free Speed Test 是个在线网站速度测试工具，可以通过全球多个数据中心来检测加载时间和网站速度。这可以让用户了解全球各个角落网站的实际加载速度。

顺其自然EVO 2014-03-31 11:39 发表评论

Web服务性能测试：Node完胜Java

顺其自然EVO — Mon, 31 Mar 2014 03:07:00 GMT

　简介

　　我最近做了一些简单的关于内存的Web Service性能测试。我使用Java(REST + SOAP)和Node.js(REST)将一些接口功能缓存起来。跟期望的一样，Node应用的性能远远超出Java。（响应时间至少快1倍以上）。

　　译者注* NodeJS跟许多其他单线程语言一样，对内存并不贪婪，因为没有关于线程的内存开销，内存占用不会随着连接数的增长而增长，尤其在剔除掉读写文件/数据库等异步操作后，完全基于内存的NodeJS将有更显著的性能提升，从某种意义上来说基于内存的nodejs服务所能支持的最大并发数将仅受限于带宽和 CPU的处理能力。

　　可参见: 性能测评：Ngix_Lua, Node.JS Python三者性能相当，均比php快近一倍, PayPal为什么从Java迁移到Node.js

　　缓存应用

　　图1：关于缓存应用的原理图。缓存支持插入，获取，删除键/值对

　　图2：关于应用更详细的物理图

　　这里使用了另外一种形式的REST，cache操作通过HTTP verbs来完成（Insert = PUT, Fetch = GET, Remove = DELETE)。数据刷新通过使用timeouts(Node)和scheduled threads(Java)来完成。缓存冗余是通过服务器间的REST调用来实现。（通过PUT/DELETE)

　　对于Java SOAP的扩展，cache操作通过经典的HTTP POST SOAP包来实现。

　　应用层结构

　　图3：基于Cache的Java REST组织结构图。Apache Tomcat + Jersey (servlet)在这一层。

　　图4：基于Cache的Java SOAP组织结构图。Apache Tomcat + Axis2 (servlet)在这一层。

　　图5：为Node应用。仅初始化了一个worker。

　　测试

　　图6: 为我测试时使用的环境

Java + Node REST 缓存插入测试

ab -A username:password -u restput.txt -n 1000 -c 1 https://server/ctispan/rest/key/111 > results.txt

restput.txt

value=test111

　　Java SOAP 缓存获取测试

ab -A client:password -T "application/soap+xml; charset=UTF-8" -p soapget.xml -n 1000 -c 1 https://server/ctispan/services/CacheProxyWS.CacheProxyWSHttpSoap11Endpoint/ > results.txt

soapget.xml

111

　　Java SOAP 缓存插入测试

ab -A client:password -T "application/soap+xml; charset=UTF-8" -p soapput.xml -n 1000 -c 1 https://server/ctispan/services/CacheProxyWS.CacheProxyWSHttpSoap11Endpoint/ > results.txt

soapput.xml

111text111

　　结论

　　下面A/B测试生成的一些数据。对于Node对比Java的结果，我并不吃惊。不过对于Java REST和SOAP的对比让我稍微有些吃惊。我原本以为因为SOAP的复杂性，REST的性能应该比SOAP好很多才对。这也许是因为Apache Axis2 API要比Jersey API高效的多造成的吧。

顺其自然EVO 2014-03-31 11:07 发表评论

性能测试学习内容指南

顺其自然EVO — Wed, 26 Mar 2014 02:50:00 GMT

1. 性能测试理论

　　性能测试常用术语

　　性能测试的应用领域

　　性能测试工具原理

　　2.LoardRunner基本操作及应用

　　LoardRunner原理分析

　　LoardRunner脚本开发流程

　　VuGen(基本设置、检查点、参数化、关联、调试、事物)

　　Controller(场景设计、场景监视数据库服务器>、集合点、IP欺骗技术、负载均衡、场景执行)

　　Analysis(摘要报告、常见图分析、结果分析实践<分析图合并、分析图关联、页面细分、钻取技术、外部数据导入、HttpWatch分析>)

　　3.Linux监测、分析、调优

　　CPU监控

　　内存监控

　　磁盘监控

　　网络监控

　　4.Windows监测、分析、调优

　　LoardRunner直接监控、Windows性能工具监控、Windows计数器

　　5. 数据库监测、分析、调优

　　6. 常用的服务器监测、分析、调优

　　Apache监控

　　Apache调优

　　Tomcat监控

　　7. 前端性能调优

　　前端性能分析概要

　　Firebug工具

　　HttpWatch

　　Chrome自带的开发工具

　　DynaTrace Ajax Edition工具

　　8.网络分析

　　9.代码分析与调优

　　10.项目实战

　　11.推荐书籍

　　<<软件性能测试过程详解与案例剖析>>

　　<<性能测试进阶指南>>

　　<<深入性能测试LoardRunner>>

顺其自然EVO 2014-03-26 10:50 发表评论

Web中小项目性能测试

顺其自然EVO — Fri, 14 Mar 2014 02:49:00 GMT

3月8号，我去参加了一个叫孙弘美女关于中小型项目性能测试的讲座，简要录一下

　　一、关于高大上的项目性能测试，需要具备什么？

　　1、历史数据收集分析

　　2、未来市场的预测

　　3、充足的测试时间

　　4、构建数学模型

　　二、中小型项目性能测试，作为客户真正关心的是什么？因为客户一般要求做性能测试，也不会向你提出性能指标，通常会让测试人员提出一份关于性能的测试报告。

　　1、网站能否正常运行，能否被用户使用

　　2、用户是否能够容忍网站的响应速度

　　3、网站能否支持一定的用户，会不会运行一段时间就崩溃了

　　4、一台服务器能否维持当前网站的需要，是否需要增加服务器

　　三、如何区分项目的大小？

　　一般日pv量达到亿级只有少数几个之名的网站，如百度，腾讯。百万级的访问量如搜房网，51job。根据站长统计分析所得，一般大部分存活的网站日pv量只有1000左右，对于这种访问量的中小型网站该如何做性能测试？

　　四、我们关注中小型性能测试方向有以下几点

　　1、低成本，不需要做数据统计分析，直接利用共有的性能指标来做性能测试

　　2、快速反馈

　　五、如何做中小型性能测试？

　　1、基准测试，关注一个用户访问网站的情况

　　2、日常压力测试

　　3、峰值测试

　　4、绝对并发测试

　　5、稳定性能测试

　　六、一般中小型项目不区分服务器端性能测试还是前端性能测试，通常是一起考虑，那么影响性能关键问题在哪？

　　1、数据库-索引；锁（死锁等）

　　2、Js脚本-加载顺序以及自身脚本缺陷等

　　3、接口/集成-与其他服务商提供的接口有关

　　4、网络原因-取决于服务器使用的是电信、网通以及用户使用的是何种网络服务商

　　5、服务器的硬盘空间-通常服务器的硬盘空间不足，服务器打的日志写不进去将导致服务器运行缓慢等问题

　　七、性能测试脚本考虑重点：

　　1、关键路径以及场景

　　2、使用频率

　　3、容易出错的地方

顺其自然EVO 2014-03-14 10:49 发表评论

WebService性能测试

顺其自然EVO — Wed, 12 Mar 2014 02:40:00 GMT

　什么是WebService?

　　假如有两个国家，java国和.net国；两国为了发展经济，互通贸易，需要交流，但java国说的是java语言，.net国说的.net语言。为了方便交流，创造了第三方语言WebService。这样说不准确，WebService不是一个语言；暂时先这样理解。

　　让这两国人民全为了贸易，再全新的学习一门语言，他们不乐意了。自己国的语言说的好好的，干嘛要费那么大力气再学一个语言。那能不能造出个电子产品来完成这种功能？从表面上来理解：WebService 就是一个应用程序，它向外界暴露出一个能够通过Web进行调用的API。你能够用编程的方法通过Web来调用这个应用程序。当然，不能把把这个电子产品理解一为一个通用的东西，我们做手机外贸的，要做具有手机相关于功能的电子产品（应用程序）。你做衣服外贸的，要做具有衣服相关功能的电子产品。也可以这样理解：Web service平台是一套标准，它定义了应用程序如何在Web上实现互操作性。你可以用任何你喜欢的语言，在任何你喜欢的平台上写Web service ，只要我们可以通过Web service标准对这些服务进行查询和访问。

　　两国人民打算要做这么个东西，那就要来制定这个东西的规范，不是java国作出来的东西，.net国的人怎么知道它是什么玩意，有什么功能。对吧。Web service平台必须提供一套标准的类型系统，用于沟通不同平台、编程语言和组件模型中的不同类型系统。Web service平台也必须提供一种标准来描述Web service，让客户可以得到足够的信息来调用这个Web service。最后，我们还必须有一种方法来对这个Web service进行远程调用。这种方法实际是一种远程过程调用协议(RPC)。

　　好了，两国人民既然要来制定这个规范，那就坐下来具体说说，应该怎么制定吧！

　　XML和XSD

　　可扩展的标记语言(XML)是Web service平台中表示数据的基本格式。除了易于建立和易于分析外，XML主要的优点在于它既是平台无关的，又是厂商无关的。无关性是比技术优越性更重要的：软件厂商是不会选择一个由竞争对手所发明的技术的。

　　XML解决了数据表示的问题，但它没有定义一套标准的数据类型，更没有说怎么去扩展这套数据类型。例如，整形数到底代表什么？16位，32位，还是64位？这些细节对实现互操作性都是很重要的。W3C制定的XML Schema(XSD)就是专门解决这个问题的一套标准。它定义了一套标准的数据类型，并给出了一种语言来扩展这套数据类型。Web service平台就是用XSD来作为其数据类型系统的。当你用某种语言(如VB.NET或C#)来构造一个Web service时，为了符合Web service标准，所有你使用的数据类型都必须被转换为XSD类型。你用的工具可能已经自动帮你完成了这个转换，但你很可能会根据你的需要修改一下转换过程。在第二章中，我们将深入XSD，学习怎样转换自定义的数据类型(例如类)到XSD的类型。

　　SOAP

　　Web service建好以后，你或者其他人就会去调用它。简单对象访问协议(SOAP)提供了标准的RPC方法来调用Web service。实际上，SOAP在这里有点用词不当：它意味着下面的Web service是以对象的方式表示的，但事实并不一定如此：你完全可以把你的Web service写成一系列的C函数，并仍然使用SOAP进行调用。SOAP规范定义了SOAP消息的格式，以及怎样通过HTTP协议来使用SOAP。SOAP也是基于XML和XSD的，XML是SOAP的数据编码方式。

　　WSDL

　　你会怎样向别人介绍你的Web service有什么功能，以及每个函数调用时的参数呢？你可能会自己写一套文档，你甚至可能会口头上告诉需要使用你的Web service的人。这些非正式的方法至少都有一个严重的问题：当程序员坐到电脑前，想要使用你的Web service的时候，他们的工具(如Visual Studio)无法给他们提供任何帮助，因为这些工具根本就不了解你的Web service。解决方法是：用机器能阅读的方式提供一个正式的描述文档。Web service描述语言(WSDL)就是这样一个基于XML的语言，用于描述Web service及其函数、参数和返回值。因为是基于XML的，所以WSDL既是机器可阅读的，又是人可阅读的，这将是一个很大的好处。一些最新的开发工具既能根据你的Web service生成WSDL文档，又能导入WSDL文档，生成调用相应Web service的代码。

　　好吧！我想我们大体的了解了WebService是什么东西，再来理解WebService性能，你写好的一个WebService的应用程序的接口放那里，会有好多人来调用，当然会有质量问题了。人多的时候，会不会有不成功啊？会不会慢啊？所以要对这个“接口”做性能测试。

　　其实有不懂的地方，我发送什么样的请求来调用那个“接口”做测试，soapUI是自动帮我们完成SOAP协议请求的！由于刚接触这个工具，希望一高手指点学习。

顺其自然EVO 2014-03-12 10:40 发表评论