在Blazor Server端的Startup.cs文件中,需要添加以下中间件以启用PWA的安装提示:
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
// 其他中间件
app.UseBlazorFrameworkFiles();
app.UseStaticFiles();
app.UseRouting();
app.UseEndpoints(endpoints =>
{
endpoints.MapControllers();
endpoints.MapBlazorHub();
endpoints.MapFallbackToPage("/_Host");
});
app.UsePwa(builder => builder
.EnablePrompt()
.RegisterServiceWorker("serviceworker.js", "/")
);
}
此外,确保在index.html
文件中添加了manifest
标记和serviceworker
脚本标记:
My App
这样就可以在移动设备上正确触发PWA的安装对话框了。