You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
title: Deploy a Blazor Web App to Azure App Service | Syncfusion
4
+
description: Learn here all about deploying the Blazor application with Syncfusion Blazor Components to Azure App Service.
5
+
platform: Blazor
6
+
component: Common
7
+
documentation: ug
8
+
---
9
+
10
+
# Deploy Blazor Web App to Azure App Service
11
+
12
+
This section provides information about deploying a Blazor Web applications with the Syncfusion Blazor components to Azure App Service.
13
+
14
+
Refer to [Host and deploy ASP.NET Core Blazor](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/?view=aspnetcore-7.0&tabs=visual-studio) topic for more information.
15
+
16
+
## Deployment procedure
17
+
18
+
If you don’t have a login for Azure, [sign up](https://azure.microsoft.com/en-in/free/) to access the Azure Portal.
19
+
20
+
### Create a resource in Azure
21
+
22
+
* Click **Create a resource** in Azure Portal to create a resource group.
23
+
24
+

25
+
26
+
* Select **Web App** Azure application service.
27
+
28
+

29
+
30
+
* After selecting Web App option, choose an appropriate resource group name and instance details.
31
+
32
+
* Once this is done, click **Review + create**.
33
+
34
+

35
+
36
+
* After configuring the Web App service. Select the created web app service (blazor-web-publish).
* Now, the application will be deployed and will be available in the specified URL: https://blazor-web-publish.azurewebsites.net/.
77
+
78
+

79
+
80
+
## See also
81
+
82
+
Refer [here](https://learn.microsoft.com/en-us/azure/app-service/quickstart-dotnetcore?tabs=net70&pivots=development-environment-vs#publish-your-web-app) for publishing the application to Azure App Service using Visual Studio.
title: Deploy a Blazor Web App to IIS | Syncfusion
4
+
description: Learn here all about deploying the Blazor application with Syncfusion Blazor Components to IIS server.
5
+
platform: Blazor
6
+
component: Common
7
+
documentation: ug
8
+
---
9
+
10
+
# Deploy Blazor Web App to IIS server
11
+
12
+
This section provides information about deploying a Blazor Web applications with the Syncfusion Blazor components to IIS server.
13
+
14
+
Refer to [Host and deploy ASP.NET Core Blazor](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/?view=aspnetcore-7.0&tabs=visual-studio) topic for more information.
15
+
16
+
## Create an IIS Site
17
+
18
+
*[Enable IIS](https://learn.microsoft.com/en-us/previous-versions/dynamicsnav-2018-developer/How-to--Install-and-Configure-Internet-Information-Services-for-Microsoft-Dynamics-NAV-Web-Client)in Windows Features.
19
+
20
+
*[Enable WebSockets](https://learn.microsoft.com/en-us/aspnet/core/fundamentals/websockets?view=aspnetcore-7.0#enabling-websockets-on-iis) in IIS.
21
+
22
+
* Now, publish the application for deployment in Release configuration by referring to [this](https://blazor.syncfusion.com/documentation/common/deployment).
23
+
24
+
* Open Internet Information Services (IIS) Manager and then right-click on "Sites," followed by selecting "Add Website."
25
+
26
+

27
+
28
+
* In the Add Website dialog, fill in the required field values such as site name, physical path and customized port value and then click OK.
29
+
30
+
Set the physical path to the location where your sample application is developed.
31
+
32
+

33
+
34
+
## Run the Published Application
35
+
36
+
* Open Internet Information Services (IIS) Manager. Expand the `Sites` node to verify that the published application is running. Click `Browse` to open the application in your browser.
* Now, application runs in the specified browser port(8080).
41
+
42
+

43
+
44
+
## See also
45
+
46
+
Refer [here](https://learn.microsoft.com/en-us/aspnet/core/tutorials/publish-to-iis?view=aspnetcore-7.0&tabs=visual-studio) for publishing the application to IIS Service using Visual Studio.
description: Learn how to publish and deploy Blazor Web App, Blazor WASM, Blazor Server Apps with Syncfusion Blazor components, including self-contained deployment and AOT.
3
+
title: Publish and Deploy in Blazor | AOT | Syncfusion
4
+
description: Learn here all about publish the Blazor application with Syncfusion Blazor Components and much more.
5
5
platform: Blazor
6
-
control: Common
6
+
component: Common
7
7
documentation: ug
8
8
---
9
9
10
-
# Deployment in Blazor
10
+
# Publish and Deploy in Blazor
11
11
12
-
This section provides information about deploying Blazor applications with Syncfusion<supstyle="font-size:70%">®</sup> Blazor components.
12
+
This section provides information about publishing and deploying Blazor applications with the SyncfusionBlazor components.
13
13
14
-
For more information, see [Host and deploy ASP.NET Core Blazor](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy).
14
+
Refer to [Host and deploy ASP.NET Core Blazor](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/?view=aspnetcore-7.0&tabs=visual-studio) topic for more information.
15
15
16
16
## Publish Blazor Application with Visual Studio
17
17
18
18
* Right-click on the project in the `Solution Explorer` and select `Publish`.
19
19
20
-

20
+

21
21
22
22
* Then, select the `Folder` option and select the publishing target location.
23
23
24
-

24
+

25
25
26
26
* Check the configuration as Release by clicking the `Advanced...` option below the target location.
27
27
28
-

28
+

29
29
30
-
* For Blazor Server App, consider setting Deployment mode to`Self-Contained` when the hosting environment doesn't have the required .NET runtime installed.
30
+
* For `Blazor Server side application`, set Deployment Mode as`Self-Contained`. Because some dependencies are not loaded properly when the published folder is hosted.
31
31
32
-

32
+

33
33
34
34
* Then, click `Save` and `Publish`.
35
35
36
36
N> Refer [here](https://learn.microsoft.com/en-us/visualstudio/deployment/quickstart-deploy-aspnet-web-app?view=vs-2019&tabs=azure) for publishing the application to Azure App Service using Visual Studio.
37
37
38
38
## Publish Blazor Application with CLI
39
39
40
-
Package the application and its dependencies into a folder for deployment by using the `dotnet publish` command.
40
+
Packing the application and its dependencies into a folder for deployment to a hosting system by using the `dotnet publish` command.
41
41
42
-
Run the following command from the project directory.
42
+
For CLI deployment, run the following command from your root directory.
Refer to [dotnet publish arguments](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-publish#arguments) to learn about optional arguments. Use the following command to specify the output directory path.
62
+
Refer to the [dotnet publish - arguments](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-publish?tabs=netcore21#arguments) to learn about various optional arguments. Use the following command to specify the path for the output directory.
63
63
64
64
{% tabs %}
65
65
{% highlight c# tabtitle=".NET CLI" %}
@@ -75,7 +75,7 @@ If the path is relative, the output directory generated is relative to the proje
75
75
76
76
## Ahead-of-time (AOT) compilation in Blazor WebAssembly
77
77
78
-
Blazor WebAssembly supports ahead-of-time (AOT) compilation, which improves runtime performance at the expense of a larger app size. For details and enable steps, see [Ahead-of-time (AOT) compilation](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/webassembly/?view=aspnetcore-8.0&tabs=windows#ahead-of-time-aot-compilation).
78
+
Blazor WebAssembly supports ahead-of-time (AOT) compilation which provides improved runtime performance at the expense of a larger app size. Refer to [Ahead-of-time (AOT) compilation](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/webassembly?view=aspnetcore-6.0#ahead-of-time-aot-compilation) topic to learn more about how it works and how to enable.
79
79
80
80
### Enable AOT in the application
81
81
@@ -93,10 +93,10 @@ To enable AOT compilation in the application, add `RunAOTCompilation` options wi
93
93
94
94
## See also
95
95
96
-
*[Host and deploy Blazor](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy)
97
-
*[Host and deploy Blazor Server](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/server/)
98
-
*[Host and deploy ASP.NET Core Blazor WebAssembly](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/webassembly)
99
-
*[Publish a web app to Azure App Service using Visual Studio](https://learn.microsoft.com/en-us/visualstudio/deployment/quickstart-deploy-aspnet-web-app?view=vs-2022&tabs=azure)
100
-
*[Deploy ASP.NET Core apps to Azure App Service](https://learn.microsoft.com/en-us/aspnet/core/host-and-deploy/azure-apps)
101
-
*[Deploy Blazor WASM App to Cloudflare](https://www.syncfusion.com/blogs/post/easily-deploy-a-blazor-webassembly-app-to-cloudflare)
102
-
*[Publish a Blazor WebAssembly App and .NET API with Azure Static Web Apps](https://learn.microsoft.com/en-us/training/modules/publish-app-service-static-web-app-api-dotnet/)
96
+
*[Host and Deploy Blazor](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/?view=aspnetcore-7.0&tabs=visual-studio)
97
+
*[Host and deploy Blazor Server](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/server?view=aspnetcore-7.0)
98
+
*[Host and deploy ASP.NET Core Blazor WebAssembly](https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/webassembly?view=aspnetcore-7.0)
99
+
*[Publish a Web app to Azure App Service using Visual Studio](https://learn.microsoft.com/en-us/visualstudio/deployment/quickstart-deploy-aspnet-web-app?view=vs-2022&tabs=azure)
100
+
*[Deploy ASP.NET Core apps to Azure App Service](https://learn.microsoft.com/en-us/aspnet/core/host-and-deploy/azure-apps/?view=aspnetcore-7.0&tabs=visual-studio)
101
+
*[Deploy Blazor WASM App to Cloudflare](https://www.syncfusion.com/blogs/post/easily-deploy-a-blazor-webassembly-app-to-cloudflare.aspx)
102
+
*[Publish a Blazor WebAssembly app and .NET API with Azure Static Web Apps](https://learn.microsoft.com/en-us/training/modules/publish-app-service-static-web-app-api-dotnet/)
0 commit comments