MacOS M1 Docker本地部署 WebTestPage

深碍√TFBOYSˉ_ 2022-09-11 11:23 6阅读 0赞

> MacOS M1

### 安装docker ###

官网查看安装方法  
intel和M1会有一点不同  
[M1的安装方法][M1]  
安装好之后，要在设置里授权才可以使用

### 部署WebPageTest ###

#### 安装 WPT Agent 和 WPT Server ####

docker pull webpagetest/server
    docker pull webpagetest/agent

#### 启动 WPT Agent 和 WPT Server ####

**启动 WPT Agent** （MacOS建议直接制作镜像 然后再启动）

docker run -d -p 4000:80 --rm webpagetest/server

\*\*启动 WPT Server \*\*

docker run -d -p 4001:80 \
    --network="host" \
    -e "SERVER_URL=http://localhost:4000/work/" \
    -e "LOCATION=Test" \
    webpagetest/agent

然后在 http://localhost:4000 可以看到部署好的WebTestPage

#### 制作镜像 ####

基于原有的WPT agent/server镜像制作新的Docker镜像  
MacOS下有一些额外的配置，制作镜像，方便下次直接使用  
**Server 镜像**  
创建一个文件夹放 server镜像

mkdir wpt-mac-server
    cd wpt-mac-server

创建Dockerfile

vim Dockerfile

然后在Dockerfile里添加如下内容

FROM webpagetest/server
    ADD locations.ini /var/www/html/settings/

创建locations.ini文件

vim locations.ini

在locations.ini里添加如下内容：

[locations]
    1=Test_loc
    [Test_loc]
    1=Test
    label=Test Location
    group=Desktop
    [Test]
    browser=Chrome,Firefox
    label="Test Location"
    connectivity=LAN

build镜像

docker build -t local-wptserver .

**Agent镜像**  
创建一个文件夹放 agent镜像

mkdir wpt-mac-agent
    cd wpt-mac-agent

创建Dockerfile

vim Dockerfile

然后在Dockerfile里添加如下内容

FROM webpagetest/agent
    ADD script.sh /
    ENTRYPOINT /script.sh

创建script.sh 文件

vim script.sh

在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

为script.sh 添加执行权限

chmod u+x script.sh

build镜像

docker build -t wpt-mac-agent .

#### 启动制作的镜像 ####

docker run -d -p 4000:80 wpt-mac-server

docker run -d -p 4001:80 \
    --network="host" \
    -e "SERVER_URL=http://localhost:4000/work/" \
    -e "LOCATION=Test" \
    wpt-mac-agent

然后在 http://localhost:4000 可以看到部署好的WebTestPage

[M1]: https://docs.docker.com/desktop/mac/apple-silicon/