This blog article shows you how to get the Shared folder structure at the Web Api backend. This short article expects you to know ASP.NET Blazor and ASP.NET Web Api basic. The flow of the simple application as below.
Blazor -> Web Api -> Shared Folder Structure -> Web Api (List<string>) -> Blazor
The Controller, Get as follow.
public List<string> Get()
{
List<string> lst = new List<string>();
DirectoryInfo di = new DirectoryInfo(@”\\localhost\rsit”);
lst = WalkDirectoryTree(di);
return lst;
}
The below is the actual method to get the folder structure.
static List<string> WalkDirectoryTree(System.IO.DirectoryInfo root)
{
System.Collections.Specialized.StringCollection log = new System.Collections.Specialized.StringCollection();
System.IO.FileInfo[] files = null;
System.IO.DirectoryInfo[] subDirs = null;
List<string> lst = new List<string>();
lst = null;
try
{
files = root.GetFiles(“*.*”);
}
catch (UnauthorizedAccessException e)
{
log.Add(e.Message);
}
catch (System.IO.DirectoryNotFoundException e)
{
Console.WriteLine(e.Message);
}
if (files != null)
{
subDirs = root.GetDirectories();
lst = new List<string>();
foreach (System.IO.DirectoryInfo dirInfo in subDirs)
{
lst.Add(dirInfo.FullName);
WalkDirectoryTree(dirInfo);
}
}
return lst;
}
Put this code in the Blazor service. Make sure your port is 52939, if you change your port then you need to change your code as well.
public async Task<List<string>> GetDir()
{
var url = @”http://localhost:52939/api/values”;
var client = new HttpClient();
List<string> lst = new List<string>();
var result = await client.GetAsync(url);
lst = await result.Content.ReadAsAsync<List<string>>();
return lst;
}
The last part of the code is Blazor UI.
protected async Task GetDir()
{
lst = new List<string>();
lst = await ForecastService.GetDir();
}
You need to first run the backend Web Api then run the frontend Blazor UI and click the Fetch Data page.
Source Code Download (Backend): https://github.com/chanmmn/WebApi/tree/master/WebAppLoopFloder?WT.mc_id=DP-MVP-36769
Source Code Download (Frontend): https://github.com/chanmmn/BlazorApp/tree/master/BlazorAppLoopFolder?WT.mc_id=DP-MVP-36769
