Search⌘ K
AI Features
Home
Courses
Building Real-Life Applications with Blazor WebAssembly

Installing and Uninstalling the PWA

Understand the steps to install and uninstall a Blazor WebAssembly Progressive Web App. Learn how to add the weather forecast app from browsers like Chrome and run it as a standalone application, as well as how to remove it when no longer needed.

We'll cover the following...

Installing the PWA

We need to test the PWA by installing it. We will do this by following these steps:

Test yourself

Run the app below:

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
    </Found>
    <NotFound>
        <PageTitle>Not found</PageTitle>
        <LayoutView Layout="@typeof(MainLayout)">
            <p role="alert">Sorry, there's nothing at this address.</p>
        </LayoutView>
    </NotFound>
</Router>
Installing WeatherForecast PWA

Note: Open the app in the browser by clicking on the link in the footer of the app. ...

  1. Select the “Install 5-Day Weather Forecast” menu