...
| Code Block |
|---|
<Files ~ "\.(htm|html|css|dat|js|php|gif|jpg|png|swf)$"> Header always set Access-Control-Allow-Origin "*" Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT" Header always set Access-Control-Max-Age "1000" Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, origin, authorization, accept, client-security-token" </Files> |
...
Finally, the required scripts and images should be uploaded to the root directory of the Apache2 web server, i.e. directly under /var/www/html. The contents of the "testtools" directory available from the WiFiMon code repository (https://bitbucket.software.geant.org/projects/WFMON/repos/agent/browse/testtools
...
) should be copied in the root directory of Apache2
...
.
NOTE: This directory must be renamed from "testtools" to "wifimon".
...
A single modification is required in file "
wifimon/js/nettest/nettest-swfobject.js
...
1.2. boomerang
Step 4: Scripts and Images: Get the images and scripts related to WiFiMon testtools from https://WTS_FQDN/testtools/ or from the WiFiMon Bitbucket repo: https://bitbucket.software.geant.org/projects/WFMON/repos/agent/browse/testtools. Place wifimon directory inside the root directory of Apache2 and make the following change:
...
Step 4: Scripts and Images: Get the images and scripts related to WiFiMon testtools from https://WTS_FQDN/testtools/ or from the WiFiMon Bitbucket repo: https://bitbucket.software.geant.org/projects/WFMON/repos/agent/browse/testtools. Place wifimon directory inside the root directory of Apache2 and make the following change:
...
". The variable "NetTest.FlashPath" should be configured to match the FQDN of the WiFiMon Test Server, i.e. WTS_FQDN.
2. Embed Scripts in your Website
...
NetTest measurements require embedding the following lines of code in your website:
| Code Block | ||||
|---|---|---|---|---|
| ||||
<html> <head> <script type="text/javascript" src="https://WTS_FQDN/wifimon/js/nettest/jquery-3.5.1.min.js">> <script type="text/javascript" src="https://WTS_FQDN/wifimon/js/nettest/nettest-swfobject.js">> <script type="text/javascript" src="https://www.google.com/jsapi">> <script type="text/javascript" id="settings" hostingWebsite="https" agentIp="WAS_FQDN" agentPort="8443" testtool="NetTest" imagesLocation="https://WTS_FQDN/wifimon/images/" cookieTimeInMinutes="0.01" src="https://WTS_FQDN/wifimon/js/nettest/runtests.js" defer></script> <!--meta http-equiv="refresh" content="30" --> </head> </html> |
...
Triggering boomerang measurements requires embedding the following lines of code in your website:
| Code Block | ||||
|---|---|---|---|---|
| ||||
<html> <head> <script type="text/javascript" src="https://WTS_FQDN/wifimon/js/boomerang/jquery-3.5.1.min.js">> <script type="text/javascript" src="https://www.google.com/jsapi">> <script src="https://WTS_FQDN/wifimon/js/boomerang/boomerang.js" type="text/javascript"></script> <script src="https://WTS_FQDN/wifimon/js/boomerang/bw.js" type="text/javascript"></script> <script src="https://WTS_FQDN/wifimon/js/boomerang/rt.js" type="text/javascript"></script> <script type="text/javascript" id="settings" hostingWebsite="https" agentIp="WAS_FQDN" agentPort="8443" testtool="boomerang" imagesLocation="https://WTS_FQDN/wifimon/images/" cookieTimeInMinutes="" src="https://WTS_FQDN/wifimon/js/boomerang/boomerang-trigger.js" defer></script> </head> </html> |
...
Step 1: Create the following proxy HTML page in the "measurements" folder of the "testtools" directory in the WiFiMon code repository (https://bitbucket.software.geant.org/projects/WFMON/repos/agent/browse/testtools):
| Code Block | ||||
|---|---|---|---|---|
| ||||
<!DOCTYPE html> <html> <body> <iframe src="https://WTS_FQDN/wifimon/js/speedtest/speedworker.html" style="visibility: hidden;"></iframe> <body/> </html> |
Step 2: Create the following HTML page with name "speedworker.html" in the "js/speedworker" folder of the "testtools" directory in the WiFiMon code repository(https://bitbucket.software.geant.org/projects/WFMON/repos/agent/browse/testtools):
| Code Block | ||||
|---|---|---|---|---|
| ||||
<!DOCTYPE html> <html> <head> <title>Speed worker</title> <script type="text/javascript" src="jquery-3.5.1.min.js"></script> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" id="settings" hostingWebsite="https" agentIp="fl-5-205.unil.cloud.switch.ch" agentPort="8443" testtool="speedtest" cookieTimeInMinutes="0.01" src="speedworker-post.js"></script> </head> </html> |
...
Including all three types of testtools (NetTest, boomerang, speedtest/HTML) in the same frequently-visited website requires injecting the following HTML lines in the "head" section of the website:
| Code Block | ||
|---|---|---|
| ||
<iframe src="https://WTS_FQDN/wifimon/measurements/nettest.html" style="visibility: hidden;"></iframe> |
...
<iframe src="https://WTS_FQDN/wifimon/ |
...
measurements/ |
...
boomerang.html" style="visibility: hidden;"></iframe> |
...
<iframe src="https://WTS_FQDN/wifimon/js/ |
...
speedtest/ |
...
speedworker.html" style="visibility: hidden;"></iframe> |
where nettest.html, speedworker.html, boomerang.html include the Javascript lines that trigger the necessary tests. These files were detailed above.