How to Measuring Download and Upload Speed within a .NET MAUI Blazor Application?

NIRANJAN CHIGULLA 0

I'm working on a .NET MAUI Blazor application and I need to implement functionality to measure both download and upload speeds within the application. I want to display these speeds to the user for network performance monitoring purposes.

Could someone provide guidance or examples on how to achieve this within a .NET MAUI Blazor application? Specifically, I'm looking for:

1.Methods or APIs to accurately measure download and upload speeds.

2.Best practices or considerations for handling network speed measurements in a .Net Maui Blazor application.

Any help or pointers in the right direction would be greatly appreciated!

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 68,656 Reputation points Microsoft Vendor

2024-04-05T03:57:13.65+00:00

Which platform do you want to implement this function?

Where do you want to save these downloaded files? Could App data directory meet your requirement?

Which folder does the uploaded file come from? From internal App data directory or External file storage.
NIRANJAN CHIGULLA 0 Reputation points

2024-04-05T07:23:05.2933333+00:00

1.I am looking to implement this functionality within a .NET MAUI Blazor application. The application will primarily target mobile platforms (iOS and Android) but should ideally be cross-platform compatible.
2.For downloaded files, I intend to save them locally within the application's storage directory. Using the app data directory would meet my requirement as it provides a secure and isolated location for storing application data.

3.Uploaded files will originate from external sources, such as the user's device storage or cloud services. The application should be capable of handling uploads from external sources and managing these files within its context.

1 answer

Bruce (SqlWork.com) 56,686 Reputation points

2024-04-05T16:16:06.6133333+00:00

its pretty simple.

first setup a test server(s) that you can call for the speed test. professional speed testers will have lots of server in different geographic locations, and will use geolocation to pick/display close servers.

for upload speed test you send a packet to the test server, and the server sends a response. using wall clock time, you time the response.

for download, you request a packet from the test server and measure time to receive. there is no need to save the data.

you can measure latency by timing how long the tcp connection to the test server takes.

note: if you expected to get network performance for non test requests, than that not doable. If you created a proxy or vpn service you could get performance data. your proxy/vpn code measure traffic time, by wrapping the requests with a protocol that measured the packet times. This is beyond the scope of a Maui app.
Please sign in to rate this answer.
NIRANJAN CHIGULLA 0 Reputation points

2024-04-06T07:41:10.74+00:00

Thank you for the detailed explanation on setting up a test server for speed testing within a .NET MAUI Blazor application. I appreciate the insights on measuring upload and download speeds, as well as latency.

To proceed with implementing this functionality, could you please share any reference code or examples that demonstrate how to integrate the speed testing logic into a .NET MAUI Blazor component?

Below is a snippet of my current implementation for checking internet connectivity and displaying network information:
<div class="row" @onclick="CheckInternetAndWifi">

<div class="col-md-3"> <img src="/Images/Wifi.png" /> </div> <div class="col-md-6"> <h5 class="card-title">Internet</h5> <p class="card-text">Internet Source & Speed</p> <ul class="list-group list-group-flush"> @if (IsInternetWifi) { <li class="list-group-item">Wifi: @uploadSpeedMb, ↑ @downloadSpeed Mbps</li> } else { <li class="list-group-item">InternetSpeed: @uploadSpeedMb, ↑ @downloadSpeed Mbps</li> } </ul> </div>

</div>

@code {

public double downloadSpeed{get;set};

public double uploadSpeed{get;set};

private async Task CheckInternetAndWifi() { IsCheckingWifi = true; IsCheckingInternet = true; StateHasChanged(); IEnumerable<ConnectionProfile> profiles = Connectivity.Current.ConnectionProfiles; IsInternetWifi = profiles.Contains(ConnectionProfile.WiFi); NetworkAccess accessType = Connectivity.Current.NetworkAccess; IsInternetOn = accessType == NetworkAccess.Internet; IsCheckingWifi = false; IsCheckingInternet = false; StateHasChanged(); await Task.CompletedTask; }

private async Task GetDownloadSpeed() {

//

}

private async Task GetUploadSpeed() {

}

}

Could you provide any specific code examples or resources that illustrate how to integrate the server-side speed testing functionality within the context of a .NET MAUI Blazor application? This would greatly assist in implementing the full network performance monitoring features.

Thank you in advance for your help!

Bruce (SqlWork.com) 56,686 Reputation points

2024-04-06T21:50:29.3766667+00:00

while not as accurate as a raw tcp connection, you could create a simple web service that returned random strings of say 4096 blocks of data. start with say 20 iterations;

var testServerGetUrl = "..."; var client = new HttpClient(); var iterations = 20; var bandwidth = new double[iterations]; for (var i=0; i< iterations; ++i) { var stopWatch = new Stopwatch(); stopWatch.Start(); var data = await client.GetByteArrayAsync(testServerGetUrl); stopWatch.Stop(); bandwidth[i] = data.Length / stopWatch.ElapsedMilliseconds; } var avgBytesPreMillsecond = bandwidth.Sum(b => b) / bandwidth.Length; var avgMegaBytesPreSecond = avgBytesPreMillsecond * 1024.0 / 1000;

you will be off by the http headers sizes (which you could add up). upload is the same, with just a post instead of a get. assuming the server supports keep alive, you can ignore latency or skip the first iteration.
Sign in to comment