Blazor有两种主要部署模式:Blazor Server side(Blazor服务端)和Blazor WebAssembly Hosted(Blazor WebAssembly托管)。这两种模式都有自己的优缺点和适用场景。
示例代码:
// Program.cs
public static async Task Main(string[] args)
{
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddRazorPages();
builder.Services.AddServerSideBlazor();
builder.Services.AddSingleton
var app = builder.Build();
app.UseStaticFiles();
app.UseRouting();
app.MapBlazorHub();
app.MapFallbackToPage("/_Host");
await app.RunAsync();
}
// Index.razor @page "/" @using BlazorSampleApp.Data @inject WeatherForecastService ForecastService
This component demonstrates fetching data from the server.
@if (forecasts == null) {
Loading...
} else {Date | Temp. (C) | Temp. (F) | Summary |
---|---|---|---|
@forecast.Date.ToShortDateString() | @forecast.TemperatureC | @forecast.TemperatureF | @forecast.Summary |
@code { private WeatherForecast[] forecasts;
protected override async Task OnInitializedAsync()
{
forecasts = await ForecastService.GetForecastAsync(DateTime.Now);
}
}
上一篇:BlazorServerSideJSInterop在IIS上不起作用,但在IISExpress上可以正常工作。
下一篇:BlazorServerSide应用中,从ValidationContext.GetService检索到的dbContext是否是线程安全的?