最好用的内外网测速工具, speedtest 服务器搭建指南
zhezhongyun 2024-12-16 17:33 43 浏览
大家好, 我是可爱的排骨
目录一. speedtest 简介.
二. 安装到 Windows. 难度 ★★
三. 安装到 Linux. 难度 ★★★★★
四. 安装到 群晖 DSM. 难度 ★
五. 使用 Docker 镜像部署. 难度 ★★★
六. 总结
一. speedtest 简介.
1. 作者简介.
喝井不忘挖水人, speedtest 的作者不是排骨, 是下面这位.
speedtest 是由意大利的一位90后爱打游戏爱跳舞机的逗B码农 Federico Dossena (见下图) 发布的一个开源项目 (https://github.com/adolfintel/speedtest).
2. 原理简介
speedtest 以 HTML 和 JavaScript 为主, 利用客户端的浏览器通过上传和下载垃圾数据来测试 HTTP 传输速度, 和大家常用的 speedtest.net 差不多.
speedtest 使用任意操作系统上的任意 Web 服务器作为服务端, 所以理论上它支持 Windows/MacOS/Linux/Unix 等系统, IIS/Nginx/Apache/lighttpd 等服务器.
任意浏览器作为客户端如 Chrome/Firefox/IE11/Edge/Safari/Opera?
speedtest 默认使用 PHP 作为服务端, 目前也有 node.js 版本, 也可以只用纯静态服务器.
本文所说的 speedtest 与 Ookla 公司的 speedtest.net 及相关测速 app 没有任何关系, 没何关, 没关, 没.
**二. 安装到 Windows. 难度 **★★
在 Windows 上安装 speedtest 应该是绝大多数普通用户, 为了照顾没有相关经验的用户, 这里排骨写的步骤较多较细, 但是已经最大化的精简了.
本文以 Windows 10 为例, Windows 7 也适用, 不过某些地方有不同, 排骨会注明.
1. 安装 IIS 服务器.
使用 Win+R 打开运行窗口, 输入 **OptionalFeatures **打开 Windows 功能.
必须选择 IIS 管理控制台/静态内容/默认文档/CGI 4个选项. 默认文档不是必需的.
2. 下载并安装 PHP Manager for IIS.
PHP Manager for IIS 是微软官方推荐的一个 IIS 插件, 可以最大化的简化 IIS 上配置 PHP 的过程. 如果不用这个插件, 在 Windows 上配置 PHP 会比 Linux 上更麻烦.
下载地址: https://www.iis.net/downloads/community
Win7 系统安装** PHPManagerForIIS-1.2.0**
Win10 系统安装 PHPManagerForIIS_V1.5.0, 这里排骨以 Win10 为例.
如果出现 SmartScreen 提示, 请按上面的图继续.
安装过程就是一路 Next.
3. 下载 PHP 包并解压
x64版下载: https://windows.php.net/downloads/releases/php-7.2.6-nts-Win32-VC15-x64.zip
x86版下载: https://windows.php.net/downloads/releases/php-7.2.6-nts-Win32-VC15-x86.zip
将下载好的 zip 包解压到任意路径, 如 F:\php
4. 为 IIS 配置 PHP.
使用 inetmgr 命令扫开 IIS 管理器.
打开 PHP Manager.
通过 “Register new PHP version” 设置 PHP 引用路径.
上一次我们把 PHP 的文件解压到了 F:\php.
使用 Check phpinfo() 测试 PHP 配置是否成功.
如果看到这个紫色页面, 就说明 PHP 配置成功了.
5. 下载 speedtest 包并解压.
speedtest 包下载: https://github.com/adolfintel/speedtest/archive/4.5.5.zip
解压到 C:\inetpub\wwwroot, 熟悉 IIS 配置的用户可以解压到其它地方.
注意所有文件都在压缩包里的子目录中!
6. 测试 speedtest.
用浏览器 (推荐 Chrome) 访问 http://localhost/example-pretty.html. 如果出现下图这样的测试结果则表达 speedtest 运行成功.
7. 防火墙开启入站 80 端口.
这一步是可选的. 如果内网的其它电脑或手机无法访问这台 Windows 上的 speedtest, 可能是被 Windows 防火墙挡了.
将 Windows 入站端口 80 打开后, 内网的其它设备才能访问刚刚安装好的 speedtest.
以管理员身份运行 cmd 打开命令行窗口. 使用下面的命令行给防火墙开启 80 端口.
netsh advfirewall firewall add rule name=“speedtest” dir=in action=allow protocol=TCP localport=80
Win7命令为
netsh firewall add portopening TCP 80 “speedtest”
最后用手机或其它电脑访问 http://192.168.1.91/example-pretty.html 开始测速吧 (假设安装 speedtest 的电脑 IP 为 192.168.1.91).
**三. 安装到 Linux. 难度 **★★★★★
一般用户家中没有 Linux 电脑, 不过排骨考虑到使用 OMV 等系统作 NAS 的用户和自购有 VPS 的用户, 顺便也写一下 Linux 上安装 speedtest的步骤. 用 Linux 系统的用户基础都不会太菜吧?
下面 ubuntu 18.04 为例, 其它 Linux 版本的用户请自行调整.
1. 安装 nginx 和 php-fpm
sudo apt install nginx php-fpm
2. 修改 nginx 站点配置
sudo nano /etc/nginx/sites-available/default
以下面为修改配置文件内容, 注意 /var/run/php/php7.2-fpm.sock 的路径是不是正确.
server { listen 80 default_server; root /var/www/html; index index.html; server_name _; location / { try_files $uri KaTeX parse error: Expected 'EOF', got '}' at position 19: …/ =404; }? locatio… { include snippets/fastcgi-php.conf; fastcgi_pass unix:/var/run/php/php7.2-fpm.sock; }}
重启 nginx.
sudo service nginx restart
3. 下载 speedtest 并解压
speedtest 包下载: https://github.com/adolfintel/speedtest/archive/4.5.5.zip
sudo wget https://github.com/adolfintel/speedtest/archive/4.5.5.zip
解压到 /var/www/html.
sudo unzip 4.5.5.zip -d /var/www/html/sudo mv /var/www/html/speedtest-4.5.5/* /var/www/html/
4. 防火墙开启入站 80 端口
这步也是可选的.
sudo ufw allow 80
安装配置完成. 开始测速吧!
**四. 安装到 群晖 DSM. 难度 **★★
在群晖系统上安装 speedtest 是个非常好的选择, 也是最简单的方案. 与 Linux 上安装 speedtest 类似, 群晖的管理系统本身就是基于 Linux 和 nginx 的.
1. 下载 speedtest 并上传到群晖.
speedtest 包下载: https://github.com/adolfintel/speedtest/archive/4.5.5.zip
将 speedtest 包中的文件上传到群晖共享文件夹的某个目录, 如下图
2. 安装 Web Station 和 PHP 7.0.
从群晖套件中心可以找到, PHP 7.0 可能在安装 Photo Station 时一并安装好了.
3. 设置 PHP 和 虚拟主机.
打开 Web Station 套件, 选择 PHP 设置, 编辑默认PHP配件文件. 勾选 openssl.
选择 虚拟主机, 点击 新增, 然后按下图配置虚拟主机. 其中 端口 和 文档根目录 按实际情况设置.
安装配置完成. 开始测速吧!
**五. 使用 Docker 镜像部署. 难度 **★★★
用 Docker 部署 speedtest 是最简易快速的方法, 但是对用户来说起点也是最高的.
排骨专门给 speedtest 制作了 Docker 镜像 (6MB), 比原作者的镜像 (158MB) 小很多很多很多.
1. 下载 speedtest 镜像.
docker pull cuteribs/speedtest
2. 创建 speedtest 容器.
docker run -d --name speedtest -p 80:80 cuteribs/speedtest
安装配置完成. 开始测速吧! 2行命令就搞定了, 是不是简单得要死而绝大多数人又不会?
六. 总结
按上面任一方法搭建好 speedtest 服务器后, 就可以愉快的测速了.
不论是测内网还是外网
不论是测 路由器, AP, 网卡还是VPS
不论是测 有线 NAT, 2.4G/5G WiFi 还是 SS等软件转发
只要打开浏览器, 输入 speedtest 地址就行了.
speedtest 测速的优点:
- 测试简单暴力. 浏览器就能测, 无需别装 app.
- 界面简洁明了. 直观且无广告不收费.
- 上行下行兼顾. 不用双向测试, 不像 iperf3 只能单向.
speedtest 测速的缺点:
- 用户技能要求. 需要自己安装测速服务器, 希望本贴能解决这个问题.
- 测速协议片面. 基于 HTTP 协议测速, 有些片面. 不过95%的用户有90%的网络使用都是 HTTP. (纯瞎说的 哈~)
- 性能瓶颈要求. 因为基于 Web 服务器和 JavaScript, 所以服务器和客户端性能不能太差. 测试 2.5/5/10 千兆可能力不从心.
相关推荐
- JavaScript做个贪吃蛇小游戏(过关-加速),无需网络直接玩。
-
JavaScript做个贪吃蛇小游戏(过关-则加速)在浏览器打开文件,无需网络直接玩。<!DOCTYPEhtml><htmllang="en"><...
- 大模型部署加速方法简单总结(大模型 ai)
-
以下对大模型部署、压缩、加速的方法做一个简单总结,为后续需要备查。llama.cppGithub:https://github.com/ggerganov/llama.cppLLaMA.cpp项...
- 安徽医大第一医院应用VitaFlow Liberty(R)Flex为患者焕然一“心”
-
近日,在安徽医科大学第一附属医院心血管内科负责人暨北京安贞医院安徽医院业务副院长喻荣辉教授的鼎力支持和卓越带领下,凭借着先进的VitaFlowLiberty(R)Flex经导管主动脉瓣可回收可...
- 300 多行代码搞定微信 8.0 的「炸」「裂」特效!
-
微信8.0更新的一大特色就是支持动画表情,如果发送的消息只有一个内置的表情图标,这个表情会有一段简单的动画,一些特殊的表情还有全屏特效,例如烟花表情有全屏放烟花的特效,炸弹表情有爆炸动画并且消息和...
- 让div填充屏幕剩余高度的方法(div填充20px)
-
技术背景在前端开发中,经常会遇到需要让某个div元素填充屏幕剩余高度的需求,比如创建具有固定头部和底部,中间内容区域自适应填充剩余空间的布局。随着CSS技术的发展,有多种方法可以实现这一需求。实现步骤...
- css之div内容居中(css中div怎么居中)
-
div中的内容居中显示,包括水平和垂直2个方向。<html><head><styletype="text/css">...
- 使用uniapp开发小程序遇到的一些问题及解决方法
-
1、swiper组件自定义知识点swiper组件的指示点默认是圆圈,想要自己设置指示点,需要获得当前索引,然后赋给当前索引不同的样式,然后在做个动画就可以了。*关键点用change方法,然后通过e.d...
- 微信小程序主页面排版(怎样设置小程序的排版)
-
开发小程序的话首先要了解里面的每个文件的作用小程序没有DOM对象,一切基于组件化小程序的四个重要的文件*.js*.wxml--->view结构---->html*.wxss--...
- Vue动态组件的实践与原理探究(vue动态组件component原理)
-
我司有一个工作台搭建产品,允许通过拖拽小部件的方式来搭建一个工作台页面,平台内置了一些常用小部件,另外也允许自行开发小部件上传使用,本文会从实践的角度来介绍其实现原理。ps.本文项目使用VueCLI...
- 【HarmonyOS Next之旅】兼容JS的类Web开发(四) -> tabs
-
目录1->创建Tabs2->设置Tabs方向3->设置样式4->显示页签索引5->场景示例编辑1->创建Tabs在pages/index目录...
- CSS:前端必会的flex布局,我把布局代码全部展示出来了
-
进入我的主页,查看更多CSS的分享!首先呢,先去看文档,了解flex是什么,这里不做赘述。当然,可以看下面的代码示例,辅助你理解。一、row将子元素在水平方向进行布局:1.垂直方向靠顶部,水平方向靠...
- 【HarmonyOS Next之旅】兼容JS的类Web开发(四) -> swiper
-
目录1->创建Swiper组件2->添加属性3->设置样式4->绑定事件5->场景示例编辑1->创建Swiper组件在pages/index...
- CSS:Flex布局,网页排版神器!(css3 flex布局)
-
还在为网页排版抓狂?别担心,CSS的flex布局来了,让你轻松玩转各种页面布局,实现网页设计自由!什么是Flex布局?Flex布局,也称为弹性布局,是CSS中的一种强大布局方式,它能够让你...
- 移动WEB开发之flex布局,附携程网首页案例制作
-
一、flex布局体验传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局1.1flex弹性布局:操作方便,布局极为简单,移动端应用很广泛PC端浏览器支持情况较差IE11或更低版本,不支持或仅部...
- 2024最新升级–前端内功修炼 5大主流布局系统进阶(mk分享)
-
2024最新升级–前端内功修炼5大主流布局系统进阶(mk分享)获课》789it.top/14658/前端布局是网页设计中至关重要的一环,它决定了网页的结构和元素的排列方式。随着前端技术的不断发展,现...
- 一周热门
- 最近发表
-
- JavaScript做个贪吃蛇小游戏(过关-加速),无需网络直接玩。
- 大模型部署加速方法简单总结(大模型 ai)
- 安徽医大第一医院应用VitaFlow Liberty(R)Flex为患者焕然一“心”
- 300 多行代码搞定微信 8.0 的「炸」「裂」特效!
- 让div填充屏幕剩余高度的方法(div填充20px)
- css之div内容居中(css中div怎么居中)
- 使用uniapp开发小程序遇到的一些问题及解决方法
- 微信小程序主页面排版(怎样设置小程序的排版)
- Vue动态组件的实践与原理探究(vue动态组件component原理)
- 【HarmonyOS Next之旅】兼容JS的类Web开发(四) -> tabs
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML常用标签 (29)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法:GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)
- CSS 水平对齐 (Horizontal Align) (30)