.NET Разработчик

948 views06:53

День семьсот сорок седьмой. #ЗаметкиНаПолях #Blazor
10 Функций Blazor, о Которых Вы Вероятно не Знали. Окончание
Начало 1-2
Продолжение 3-4
Продолжение 5-6
Продолжение 7-8

9. Ленивая загрузка кода .NET
В .NET 5.0 для Blazor была добавлена новая инфраструктура для загрузки библиотек по запросу. Загрузка сборок по запросу сокращает время начальной загрузки приложения за счёт откладывания запроса ресурса до тех пор, пока он не понадобится. Хотя поддержка включена в платформу Blazor, она не включена по умолчанию, и Blazor необходимо указать, когда загружать ресурс. Одним из преимуществ ручной настройки является то, что спецификации для загрузки сборки настраиваются в соответствии с потребностями приложения.

Настройка ленивой загрузки
Чтобы включить ленивую загрузку в приложении, необходимо:
1. Описать сборки, которые будут лениво загружаться, в файле конфигурации приложения csproj:

<ItemGroup>
  <BlazorWebAssemblyLazyLoad Include="LoadMe.dll" />
</ItemGroup>

2. Зарегистрировать сервис LazyAssemblyLoader посредством внедрения зависимостей в корневой компонент приложения, App.razor:

services.AddScoped<LazyAssemblyLoader>();

3. В App.razor навигация перехватывается с помощью события OnNavigateAsync, которое может использоваться для ленивой загрузки сборок на основе информации о маршруте. При возникновении события сборки извлекаются и загружаются с помощью метода LoadAssembliesAsync сервиса LazyAssemblyLoader:

@inject LazyAssemblyLoader loader
<Router AppAssembly="@typeof(Program).Assembly"
  OnNavigateAsync="@OnNavigateAsync">
  …
@code {
 private async Task 
    OnNavigateAsync(NavigationContext args) {
  try {
    if (args.Path.EndsWith("/lazy")) {
      var assemblies = 
        await loader.LoadAssembliesAsync(
          new List<string>(){"LoadMe.dll"});
        lazyLoadedAssemblies.AddRange(assemblies);
    }
  }
  catch (Exception ex){…}
 }
}

10. Ленивая загрузка JavaScript
В .NET 5.0 появилась возможность отложенной загрузки модулей через JavaScript interop.

@code {
  IJSObjectReference module;
  string result;
  //Загружаем модуль
  protected override async 
     Task OnAfterRenderAsync(bool firstRender) {
    if (firstRender) {
      module = await JS
        .InvokeAsync<IJSObjectReference>(
          "import", "./exampleJsInterop.js");
    }
  }
  //вызываем метод модуля
  Task Prompt(string message) {
    result = await module
      .InvokeAsync<string>(
        "showPrompt", message);
  }
  private async ValueTask 
     IAsyncDisposable.DisposeAsync() {
    await module.DisposeAsync();
  }
}

При использовании модулей JavaScript важно удалять их, если они больше не нужны. Для этого выше используется метод DisposeAsync.

Источник: https://www.telerik.com/blogs/10-blazor-features-you-probably-didnt-know

1.19K views04:53