在项目开发或者测试的过程中,由于没有上线,我们在公网上无法访问我们的网站,但同时我们又需要查看浏览器性能,这样我们就需要在本地部署WebPageTest工具以协助进行性能测试
具体实现步骤:
Windows系统:
一:安装docker
1.访问Docker官网文档,按需下载对应版本安装
https://docs.docker.com/get-docker/
2.注册docker 账号
3.安装后点击Docker图标,使用注册的docker id登录,并在dos中用如下命令登录
docker login
二:拉取镜像
docker pull webpagetest/server
docker pull webpagetest/agent
这里建议提前配置好阿里云镜像进行加速
三:运行实例
docker run -d -p 4000:80 --rm webpagetest/server
docker run -d -p 4001:80 --network="host" -e "SERVER_URL=http://localhost:4000/work/" -e "LOCATION=Test" webpagetest/agent
注意:如果拉取失败,很可能镜像仓库中已无此镜像,建议从仓库中换一个实现
至此,在浏览器输入http://localhost:4000/即可看到本地部署的WebPageTest页面
Mac系统
1.创建server目录
mkdir wpt-mac-server
cd wpt-mac-server
2.创建Dockerfile,添加内容
vim Dockerfile
FROM webpagetest/server
ADD locations.ini /var/www/html/settings/
3.创建locations.ini配置文件,添加内容
vim locations.ini
[locations]
1=Test_loc
[Test_loc]
1=Test
label=Test Location
group=Desktop
[Test]
browser=Chrome,Firefox
label="Test Location"
connectivity=LAN
4.创建自定义server镜像
docker build -t wpt-mac-server
5.创建agent目录
mkdir wpt-mac-agent
cd wpt-mac-agent
6.创建Dockerfile,添加内容
vim Dockerfile
FROM webpagetest/agent
ADD script.sh /
ENTRYPOINT /script.sh
7.创建script.sh, 添加内容
vim script.sh
#!/bin/bash
set -e
if [ -z "$SERVER_URL" ]; then
echo >&2 'SERVER_URL not set'
exit 1
fi
if [ -z "$LOCATION" ]; then
echo >&2 'LOCATION not set'
exit 1
fi
EXTRA_ARGS=""
if [ -n "$NAME" ]; then
EXTRA_ARGS="$EXTRA_ARGS --name $NAME"
fi
python /wptagent/wptagent.py --server $SERVER_URL --location $LOCATION $EXTRA_ARGS --xvfb --dockerized -vvvvv --shaper none
8.修改script.sh权限
chmod u+x script.sh
9.创建自定义agent镜像
docker build -t wpt-mac-agent
10.用新镜像运行实例 (注意先停掉之前运行的containers)
docker run -d -p 4000:80 --rm wpt-mac-server
docker run -d -p 4001:80 --network="host" -e "SERVER_URL=http://localhost:4000/work/" -e "LOCATION=Test" wpt-mac-agent
至此,mac用户自定义镜像已设置完毕