Windows和Mac系统实现本地部署WebPageTest工具

在项目开发或者测试的过程中，由于没有上线，我们在公网上无法访问我们的网站，但同时我们又需要查看浏览器性能，这样我们就需要在本地部署WebPageTest工具以协助进行性能测试

具体实现步骤：

Windows系统：

一：安装docker

1.访问Docker官网文档，按需下载对应版本安装

https://docs.docker.com/get-docker/

2.注册docker 账号

https://hub.docker.com/signup

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用户自定义镜像已设置完毕