Get best of the week

Boutique en ligne cÎté client Blazor: Partie 7 - Mise à jour pour publier la version 3.2.0 et affichage d'image ajouté



Bonjour, Habr! Blazor WebAssemby est sorti et j'ai un peu mis à jour mon site. Pour plus de détails, bienvenue au chat.

Contenu



Références


→  Sources
→ Images sur le registre Docker

Mises Ă  jour


Installez un nouveau modĂšle avec la version finale de Blazor

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

Ajout d'un lien vers le package pour un travail pratique avec HttpClient

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

Ajout d'une nouvelle façon d'initialiser HttpClient afin qu'il saisisse automatiquement les jetons d'autorisation dans ses en-tĂȘtes

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"));

Eh bien, le niveau des journaux a baissé. En général, il est maintenant possible de le définir via des variables d'environnement ou via appsettings.json qui se trouve dans wwwroot.

 builder.Logging.SetMinimumLevel(LogLevel.Debug);


Nouveautés de Blazor WebAssembly


Il est possible d'obtenir des configurations Ă  partir de fichiers json et de variables d'environnement.
Il est possible de localiser via des fichiers de ressources .resx.
Il est possible d'ajouter automatiquement le jeton jwt aux en-tĂȘtes sur demande.
Plus de dĂ©tails peuvent ĂȘtre vus dans cette vidĂ©o .

Téléchargez des photos


Jusqu'à présent, seulement à travers la fanfaronnade.

Nous autorisons en cliquant sur le bouton Autoriser dans le coin supĂ©rieur droit et dans la fenĂȘtre contextuelle en cochant le coin infĂ©rieur gauche.



Nous téléchargeons le fichier et copions l'identifiant qui nous a été retourné. Nous



utilisons l'identifiant qui a été copié à l'étape précédente comme imageId

More articles:


All Articles