Привет, Хабр! Вышел релиз Blazor WebAssemby и я немного обновил свой сайт. За подробностями добро пожаловать под кат.

Содержание

• Blazor + MVVM = Silverlight наносит ответный удар, потому что древнее зло непобедимо
• Blazor Client Side Интернет Магазин: Часть 1 — Авторизация oidc (oauth2) + Identity Server4
• Blazor Client Side Интернет Магазин: Часть 2 — CI/CD
• Blazor Client Side Интернет Магазин: Часть 3 — Витрина товаров
• Blazor Client Side Интернет Магазин: Часть 4 — Добавления товара в корзину
• Blazor Client Side Интернет Магазин: Часть 5 — Просмотр корзины и работа с Stateful
• Blazor Client Side Интернет Магазин: Часть 6 — Создание заказа и работа с компенсирующими действиями
• Blazor Client Side Интернет Магазин: Часть 7 — Обновился до релизной 3.2.0 версии и добавил показ картинок

Ссылки

→ Исходники
→ Образы на Docker Registry

Обновления

Установить новый шаблон с релизной версией Blazor

dotnet new -i Microsoft.AspNetCore.Components.WebAssembly.Templates::3.2.0 

Добавил ссылку на пакет для удобной работы с HttpClient

 <PackageReference Include="Microsoft.Extensions.Http" Version="3.1.3" />  <PackageReference Include="System.Net.Http.Json" Version="3.2.0" /> 

Добавил новый способ инициализации HttpClient чтобы он автоматом захватывал токены авторизации в свои хедеры

services.AddHttpClient("BlazorEShop", client =>          client.BaseAddress = new Uri(cfg.ApiUri))     .AddHttpMessageHandler(sp =>         sp.GetRequiredService<AuthorizationMessageHandler>()             .ConfigureHandler(new[] { cfg.ApiUri },scopes: new[] { "api" })); services.AddTransient(sp =>      sp.GetRequiredService<IHttpClientFactory>().CreateClient("BlazorEShop")); 

Ну и уровень логгов понизил. Вообще теперь можно через переменные окружения его выставлять или черезе appsettings.json который лежит в wwwroot.

 builder.Logging.SetMinimumLevel(LogLevel.Debug);

Что нового в Blazor WebAssembly

Есть возможность получать конфиги из json файлов и из переменных окружения.
Есть возможность локализации через файлы ресурсов .resx
Есть возможность автоматически добавлять jwt токен в хедеры при запросе.
Подробнее можно посмотреть в этом видео.

Загрузка картинок

Пока что только через сваггер.
Авторизуемся нажав кнопку Authorize в правом верхнем углу и во всплывающем окне проставив галочку в левом нижнем угле.

Загружаем файл и копируем идентификатор который нам вернули

Используем идентификатор который скопировали на предыдущем шаге в качестве imageId