使用 SpeedTest 开源项目搭P试页面

SpeedTest 测速页面。主要是基于 GitHub 上的开源项目,演示效果就是各个机房的SpeedTest速度测试页面。因为一直有朋友来询问这个页面是怎么搭建的,想在自己的VPS 上搭建,也有朋友是觉得本站提供的测速页面不准,也想自己搭建。那么今天就介绍一下怎么使用SpeedTest这个开源项目,搭建自己的VPS测速页面。

一、准备工作
首先我们需要部署一个网站环境,比如使用 LNMP 一键包、LAMP 一键包、宝塔面板、或者 WDCP 面板、CyberPanel 面板等,总之随便选择一个面板就行。

二、部署 SpeedTest 速度测试页面
SpeedTest 项目主页:https://github.com/adolfintel/speedtest

我们所需要做的就是把这些文件放到服务器上,就完成了。具体来说,有下面几个步骤。

1、确定网站目录

首先需要明确我们需要把文件放哪边。如果我们需要使用域名并放置到对应的域名目录下,比如我们的域名是 example.com,那么我们默认的网站目录就是 /home/wwwroot/example.com。

如果我们不需要使用域名,想直接通过 IP 进行访问,那么直接把文件放到 /home/wwwroot/default 这里就可以。注意先把这里的 index.html 删了。

2、上传 SpeedTest 文件

接下来就可以上传 SpeedTest 文件到对应的目录了。最简单的方法就是先把文件下载到本地,下载地址:https://github.com/adolfintel/speedtest/archive/master.zip

然后通过 SFTP 上传,教程:《搬瓦工 FTP 教程:使用 FileZilla 通过 SFTP 向搬瓦工 VPS 上传文件的方法》。

上传的时候,我们只需要上传下面几个文件就行:

empty.php
garbage.php
getIP.php
speedtest_worker.min.js
example-progressBar.html
前四个是必须的,最后一个的话,项目里有多个 example 文件,我们随便选一个上传就行,本站使用的是 example-progressBar.html,这里就以这个为例,大家也可以选择其他喜欢的。

上传之后,把 example-progressBar.html 重命名为 index.html,然后打开对应的域名或者 IP,就可以看到 SpeedTest 测速页面了。

三、美化页面以及更多个性化设置
如果想要美化页面,或者修改页面,可以参考官方的 wiki 页面:https://github.com/adolfintel/speedtest/wiki/Customizing-the-front-end

本地编辑可以使用 Sublime Text 或者 Visual Studio Code 之类的编辑器,这里就不多推荐了。

这个项目还支持更多扩展,比如如果想同时测试多个服务器的速度,可以参考:https://github.com/adolfintel/speedtest/wiki/Introduction-(MPOT)

如果你每天的测试量很大,会大于 500 次/天(当然一般情况下我们用不到这么多),那么你还需要去 ipinfo.io 注册一个账户,并获取 API Key,具体参考:https://github.com/adolfintel/speedtest/wiki/Installation

更多安装方法也可以参考:https://github.com/adolfintel/speedtest/wiki/Installation

常见问题解答:https://github.com/adolfintel/speedtest/wiki/Troubleshooting,-common-problems,-known-limitations

本教程的目的就是帮助大家搭建一个能用的 SpeedTest 测速页面,所以上面这些更为具体的教程不在本教程的考虑范围内,所以如果有需求,大家自行前往查看即可。

发布者:LiuCi

辛苦是获得一切的定律。