Skip to content

Commit 54c779c

Browse files
Merge pull request #219323 from anthonychu/patch-15
[Static Web Apps] Update Blazor tutorial to .NET 7
2 parents d563b95 + ccae8ff commit 54c779c

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

articles/static-web-apps/deploy-blazor.md

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,14 @@ ms.custom: engagement-fy23
66
author: craigshoemaker
77
ms.service: static-web-apps
88
ms.topic: tutorial
9-
ms.date: 10/11/2022
9+
ms.date: 11/22/2022
1010
ms.author: cshoe
1111
---
1212

13-
# Build an Azure Static Web Apps website with Blazor
13+
# Build an Azure Static Web Apps website with Blazor and serverless API
1414

1515
Azure Static Web Apps publishes a website to a production environment by building apps from a GitHub repository, which is supported by a serverless backend. The following tutorial shows how to deploy C# Blazor WebAssembly app that displays weather data returned by a serverless API.
16+
1617
## Prerequisites
1718

1819
- [GitHub](https://github.com) account
@@ -60,7 +61,7 @@ Now that the repository is created, create a static web app from the Azure porta
6061
| Property | Value | Description |
6162
| --- | --- | --- |
6263
| App location | **Client** | Folder containing the Blazor WebAssembly app |
63-
| API location | **Api** | Folder containing the Azure Functions app |
64+
| API location | **ApiIsolated** | Folder containing the .NET 7 Azure Functions app |
6465
| Output location | **wwwroot** | Folder in the build output containing the published Blazor WebAssembly application |
6566

6667
8. Select **Review + Create** to verify the details are all correct.
@@ -88,13 +89,15 @@ The Static Web Apps overview window displays a series of links that help you int
8889
2. Once GitHub Actions workflow is complete, you can select the _URL_ link to open the website in new tab.
8990

9091
:::image type="content" source="media/deploy-blazor/my-first-static-blazor-app.png" alt-text="Screenshot of Static Web Apps Blazor webpage.":::
92+
9193
## 4. Understand the application overview
9294

9395
Together, the following projects make up the parts required to create a Blazor WebAssembly application running in the browser supported by an Azure Functions API backend.
9496

9597
|Visual Studio project |Description |
9698
|---------|---------|
97-
|API | The C# Azure Functions application implements the API endpoint that provides weather information to the Blazor WebAssembly app. The **WeatherForecastFunction** returns an array of `WeatherForecast` objects. |
99+
|Api | The *.NET 6 in-process* C# Azure Functions application implements the API endpoint that provides weather information to the Blazor WebAssembly app. The **WeatherForecastFunction** returns an array of `WeatherForecast` objects. |
100+
|ApiIsolated | The *.NET 7 isolated-process* C# Azure Functions application implements the API endpoint that provides weather information to the Blazor WebAssembly app. The **WeatherForecastFunction** returns an array of `WeatherForecast` objects. |
98101
|Client |The front-end Blazor WebAssembly project. A [fallback route](#fallback-route) is implemented to ensure client-side routing is functional. |
99102
|Shared | Holds common classes referenced by both the Api and Client projects, which allow data to flow from API endpoint to the front-end web app. The [`WeatherForecast`](https://github.com/staticwebdev/blazor-starter/blob/main/Shared/WeatherForecast.cs) class is shared among both apps. |
100103

@@ -113,7 +116,7 @@ The app exposes URLs like `/counter` and `/fetchdata`, which map to specific rou
113116
}
114117
```
115118

116-
The json configuration ensures that requests to any route in the app return the `index.html` page.
119+
The JSON configuration ensures that requests to any route in the app return the `index.html` page.
117120

118121
## Clean up resources
119122

0 commit comments

Comments
 (0)