當(dāng)我們知道了
web前端性能的關(guān)鍵點后，那么接下來要做的就是如何去具體實施并獲取這些關(guān)鍵點的數(shù)據(jù)了。通過前面的
學(xué)習(xí)知道了不少好的工具，經(jīng)過對比后個人覺得dynatrace還是不錯的。
不僅支持ie，ff瀏覽器，還具備js函數(shù)級別的優(yōu)化分析，它的分析數(shù)據(jù)也是最全面的，分析數(shù)據(jù)可以導(dǎo)出，最后和yslow，pagespeed一樣支持向showslow上面?zhèn)魉徒Y(jié)果信息這樣就節(jié)省了很多的事情了。所以實施方案具體確定為dynatrace用來捕獲web前端頁面訪問的性能數(shù)據(jù)，然后上傳至showslow來瀏覽
測試結(jié)果。
dynatrace安裝與使用
1、下載并安裝dynatrace ajax edition
2、從開始--》程序就可以打開該工具
3、啟動IE后默認狀態(tài)是沒有連接到dynatrace
4、點擊ie上dynatrace插件的最左邊的連接
5、連接成功后會自動刷新當(dāng)前url頁
6、此時刷新dynatrace工具界面上的browser節(jié)點
7、載入測試數(shù)據(jù)成功后就能看到數(shù)據(jù)分析圖表
showslow站點的安裝
showslow是一個開源的php項目，主要用來展示多個測試工具的性能數(shù)據(jù)，比如yslow等。它有一個線上版的，也支持你下一個源碼在自己的公司搭建一個本地版showslow。所以這里我們會搭建一個自己私人的showslow站點。
1、下載showslow，并解壓到一個本地目錄
2、下載搭建showslow站點的其他支撐程序，如web服務(wù)器、php、mysql等
3、下載apache2.2,，nginx也可以，其它的支持php執(zhí)行的web服務(wù)器都行【但是配置可能有點麻煩】
4、下載php程序，最好是5.3的，而且是線程安全的版本【不然有些模塊沒有，而且安裝時選擇apache 2.2 x-modle，以及安裝擴展插件】
5、下載mysql5.5及以上的，這個默認安裝的選項就可以了
配置各支持程序：
官方說明鏈接：http://www.showslow.org/Installation_and_configuration
apche配置：
2、修改httpd.conf配置文件
3、去掉以下3個模塊加載的注釋符號: mod_deflate, mod_rewrite and mod_expires
4、添加一行模塊加載語句LoadModule php5_module "x:/.../php/php5apache2_2.dll"
5、添加以下2種web的請求類型頁:【在<IfModule mime_module>標(biāo)簽之間】
AddType application/x-httpd-php .php
AddType application/x-httpd-php .phtml
6、在文檔最下方添加一行php配置文件的目錄：PHPIniDir "x:/.../php"
7、修改DocumentRoot的路徑為你解壓showslow的目錄【記住是有兩處，還有一個在<Directory >標(biāo)簽處】
8、為DirectoryIndex添加一個默認的php瀏覽文件：形如：DirectoryIndex index.php
9、瀏覽以下index.php頁，如果顯示了php源碼文件內(nèi)容，則上述配置沒有什么大問題
php配置：
1、打開php安裝目錄中的配置文件php.ini
2、取消以下2個擴展模塊的注釋符號：php_mysql.dll，php_mysqli.dll
mysql配置：
1、測試mysql是否安裝正確
2、給showslow創(chuàng)建數(shù)據(jù)庫
[sql] view plaincopy $ mysql -u root -p mysql> create database showslow; mysql> grant usage on showslow.* to showslowuser@localhost identified by '... database-password ...'; mysql> grant all privileges on showslow.* to showslowuser@localhost; mysql> quit [sql] view plaincopy $ mysql -u root -p mysql> create database showslow; mysql> grant usage on showslow.* to showslowuser@localhost identified by '... database-password ...'; mysql> grant all privileges on showslow.* to showslowuser@localhost; mysql> quit |
3、修改showslow解壓目錄下的config.sample.php文件名為config.php
4、修改該文件的數(shù)據(jù)庫連接信息，按照上面創(chuàng)建的數(shù)據(jù)庫名，用戶名，密碼即可
5、給showslow創(chuàng)建表結(jié)構(gòu)，通過運行showslow解壓主目錄下的dbupgrade.php和users子目錄下dbupgrade.php文件【如果是在linux下可以在主目錄運行make命令即可】
ok，現(xiàn)在所有的配置都已經(jīng)完成了，可以再次訪問我們配置的網(wǎng)址，是不是已經(jīng)可以正常訪問了。
集成dynatrace和showslow：
2個程序單獨的都已經(jīng)安裝完成就可以合作使用了，其實集成就是在dynatrace主程序界面，或者叫代理界面中進行一個上傳操作即可。
1、點擊查看之前錄制的性能數(shù)據(jù)的概要頁面
2、在右邊上方窗口中選擇一個url地址
3、右鍵之，選擇上傳至showslow.com
不過點過之后應(yīng)該沒有起到作用，因為還需要在dynatrace的配置文件添加一些配置：
1、打開dynatrace的配置文件dtajax.ini，在安裝目錄
2、添加如下配置行
-Dcom.dynatrace.diagnostics.ajax.beacon.uploadurl=http://www.showslow.com/beacon/dynatrace
-Dcom.dynatrace.diagnostics.ajax.beacon.portalurl=http://www.showslow.com/
第一行為上傳的位置，即數(shù)據(jù)傳輸?shù)侥模黄鋵嵤侵赶蛄艘粋€php文件，這個文件用來接收發(fā)送過去的json字符串，并存儲在showslow的數(shù)據(jù)庫中
第二行為手動上傳后提示你打開showslow頁面查看數(shù)據(jù)分析時的url地址
3、現(xiàn)在再去上傳一次，然后去showslow首頁刷新一次
集成到自動化測試的環(huán)境中：
讓dynatrace自動上傳數(shù)據(jù)：
其實dynatrace沒有任何的外部標(biāo)準接口可以被自動化所調(diào)用，但是卻提供了一些簡單的可配置的選項，比如可以在dtajax.ini文件中配置自動上傳，
具體為添加如下行即可：
-Dcom.dynatrace.diagnostics.ajax.beacon.autoupload=true
讓自動化測試執(zhí)行時自動捕獲網(wǎng)頁瀏覽數(shù)據(jù)：
還有一個可以配置dynatrace的地方就是環(huán)境變量，因為當(dāng)瀏覽器安裝了dynatrace的插件后，每次啟動插件都會去檢查特定的環(huán)境變量，若其值等于特定的配置則會
作為初始化為插件的參數(shù)；而其中就有環(huán)境變量支持作為工具的開關(guān)功能，在運行自動化測試時可以通過控制這些環(huán)境變量的值就可以間接的控制dynatrace了。
因版本不同會有不同的環(huán)境變量名，具體可以看一下這里。https://apmcommunity.compuware.com/community/display/AJAXFORUM/Automation+with+dynaTrace+AJAX+Edition
其中3.x的環(huán)境變量如下：
DT_AE_AGENTACTIVE=true
DT_AE_AGENTNAME="any string name"
這樣你啟動的每一個瀏覽器實例都會默認打開dynatrace的代理功能，所以整個自動化的測試過程中的所有頁面訪問數(shù)據(jù)都會被收集，同時在你測試完成關(guān)閉瀏覽器之后會
自動發(fā)送所有數(shù)據(jù)到指定的showslow上面，測試結(jié)束后還可以發(fā)送郵件給相關(guān)人員去showslow上直接查看即可。
相關(guān)文章：