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
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/blazor/deployment/aws-beanstalk-deployment.md
+34-33Lines changed: 34 additions & 33 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,15 +1,15 @@
1
1
---
2
2
layout: post
3
-
title: Blazor SfPdfViewer deployment in AWS BeanStalk | Syncfusion
4
-
description: AWS Elastic Beanstalk simplifies the deployment and management of scalable web applications and services on Linux-based infrastructure
3
+
title: Deploy Blazor SfPdfViewer to AWS Elastic Beanstalk | Syncfusion
4
+
description: Add the Syncfusion Blazor PDF Viewer to a Blazor Server app and deploy it to AWS Elastic Beanstalk on Linux.
5
5
platform: document-processing
6
6
control: SfPdfViewer
7
7
documentation: ug
8
8
---
9
9
10
-
# Deploy Blazor Server App on AWS Elastic Beanstalk Linux
10
+
# Deploy a Blazor Server app to AWS Elastic Beanstalk (Linux)
11
11
12
-
In this section, we'll guide you through the process of adding Syncfusion® Blazor PDF Viewer component to your Blazor Server app and deploy it on AWS Elastic Beanstalk. We'll break it down into simple steps to make it easy to follow. Additionally, you can find a fully functional example project on our[GitHub repository](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Server%20Deployment/AWS/AWS_Elastic_Beanstalk/SfPdfViewerApp).
12
+
This article describes how to add the Syncfusion® Blazor PDF Viewer component to a Blazor Server app and deploy the app to AWS Elastic Beanstalk (Linux). A fully functional sample is available in the[GitHub repository](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Server%20Deployment/AWS/AWS_Elastic_Beanstalk/SfPdfViewerApp).
13
13
14
14
## Prerequisites
15
15
@@ -19,11 +19,11 @@ In this section, we'll guide you through the process of adding Syncfusion® B
19
19
20
20
Create a new Blazor Server app and name it **PDFViewerGettingStarted**.
21
21
22
-
N> The PDF Viewer component is supported from .NET 6.0 onwards.
22
+
N> The PDF Viewer component is supported on .NET 8.0 and later.
23
23
24
24
## Install Blazor PDF Viewer NuGet package in Blazor Server App
25
25
26
-
Add the following NuGet packages into the Blazor Server app.
26
+
Add the following NuGet packages to the Blazor Server app.
Add the Syncfusion<supstyle="font-size:70%">®</sup> PDF Viewer (NextGen) component in the **~/Pages/Index.razor** file
87
+
Add the Syncfusion<supstyle="font-size:70%">®</sup> PDF Viewer (Next-Gen) component in the **~/Pages/Index.razor** file.
87
88
88
89
{% tabs %}
89
90
{% highlight razor %}
@@ -98,42 +99,42 @@ Add the Syncfusion<sup style="font-size:70%">®</sup> PDF Viewer (Next Gen) c
98
99
{% endhighlight %}
99
100
{% endtabs %}
100
101
101
-
N> If you don't provide the `DocumentPath` property value, the PDF Viewer component will be rendered without loading the PDF document. Users can then use the **open** option from the toolbar to browse and open the PDF as required.
102
+
N> If the `DocumentPath` property is not set, the PDF Viewer renders without loading a PDF document. Users can use the **Open** option in the toolbar to browse and open a PDF as needed.
102
103
103
104
## Run the application
104
105
105
-
Run the application, and the PDF file will be displayed using Syncfusion® Blazor PDF Viewer component in your browser.
106
+
Run the application to display the PDF file in the Syncfusion® Blazor PDF Viewer component in the browser.
3. Choose the Environment Name in the dropdown list and the URL will be automatically assign and check the URL is available, if available click next otherwise change the URL
1. Right-click the project and select Publish to AWS Elastic Beanstalk (Legacy).
114
+

115
+
2. Select the deployment target Create a new application environment, and then click Next.
116
+

117
+
3. Choose an environment name. The URL is assigned automatically—verify availability. If the URL is available, click Next; otherwise, change the URL and retry.
118
+

119
+
4. Select the instance type t3a.micro from the drop-down list, and then click Next.
7. Click Deploy to publish the application to AWS Elastic Beanstalk.
126
+

127
+
8.When the environment status changes from Updating to Environment is healthy, click the provided URL.
128
+

129
+
9.Open the URL to view the application. The specified PDF document is displayed in the PDF Viewer.
130
+

130
131
131
132
## See also
132
133
133
-
*[Getting Started with Blazor PDF Viewer Component in Blazor WASM App](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-assembly-application)
134
+
*[Getting started with the Blazor PDF Viewer in a Blazor WebAssembly app](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-assembly-application)
134
135
135
-
*[Getting Started with Blazor PDF Viewer Component in WSL mode](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/wsl-application)
136
+
*[Getting started with the Blazor PDF Viewer in WSL mode](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/wsl-application)
136
137
137
-
*[Learn different ways to add script reference in Blazor Application](https://blazor.syncfusion.com/documentation/common/adding-script-references)
138
+
*[Ways to add script references in a Blazor application](https://blazor.syncfusion.com/documentation/common/adding-script-references)
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/blazor/getting-started/deploy-maui-windows.md
+29-27Lines changed: 29 additions & 27 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,29 +1,29 @@
1
1
---
2
2
layout: post
3
-
title: Deploy SfPdfViewer in Blazor MAUI in windows | Syncfusion
4
-
description: Learn how to deploy SfPdfViewer in Blazor MAUI Application on Windows in Syncfusion Blazor SfPdfViewer component and much more details.
3
+
title: Deploy SfPdfViewer in Blazor .NET MAUI on Windows | Syncfusion
4
+
description: Learn how to deploy the Syncfusion Blazor SfPdfViewer component in a Blazor .NET MAUI application on Windows.
5
5
platform: document-processing
6
6
control: SfPdfViewer
7
7
documentation: ug
8
8
---
9
9
10
-
# View PDF files using PDF Viewer Component in the Blazor MAUI app
10
+
# View PDF files using the PDF Viewer in a Blazor .NET MAUI app
11
11
12
-
In this section, we'll guide you through the process of adding Syncfusion® Blazor PDF Viewer component to your Blazor Maui app. We'll break it down into simple steps to make it easy to follow.
12
+
This article describes how to add the Syncfusion® Blazor PDF Viewer component to a Blazor .NET MAUI app and deploy it on Windows.
13
13
14
14
## Prerequisites
15
15
16
-
To use the MAUI project templates, install the Mobile development with the .NET extension for Visual Studio. For more details, refer to [here](https://learn.microsoft.com/en-us/dotnet/MAUI/get-started/installation?tabs=vswin).
16
+
To use the .NET MAUI project templates, install the Mobile development with .NET workload for Visual Studio. For installation details, see the Microsoft documentation: [Install .NET MAUI](https://learn.microsoft.com/en-us/dotnet/MAUI/get-started/installation?tabs=vswin).
17
17
18
-
## Create a new Blazor MAUI App in Visual Studio
18
+
## Create a new Blazor .NET MAUI app in Visual Studio
19
19
20
-
Create a new Blazor MAUI app and name it **PDFViewerGettingStarted**.
20
+
Create a new Blazor .NET MAUI app and name it **PDFViewerGettingStarted**.
21
21
22
-
N> The PDF Viewer component is supported from .NET 6.0 onwards.
22
+
N> The PDF Viewer component is supported on .NET 8.0 and later.
23
23
24
-
## Install PDF Viewer NuGet package in Blazor Maui App
24
+
## Install PDF Viewer NuGet packages in the Blazor .NET MAUI app
25
25
26
-
Add the following NuGet packages into the Blazor Maui app.
26
+
Add the following NuGet packages to the Blazor .NET MAUI app.
Add the Syncfusion<supstyle="font-size:70%">®</sup> PDF Viewer (NextGen) component in the **~/Pages/Index.razor** file.
105
+
Add the Syncfusion<supstyle="font-size:70%">®</sup> PDF Viewer (Next-Gen) component in the **~/Pages/Index.razor** file.
104
106
105
107
{% tabs %}
106
108
{% highlight razor %}
@@ -121,34 +123,34 @@ Add the Syncfusion<sup style="font-size:70%">®</sup> PDF Viewer (Next Gen) c
121
123
{% endhighlight %}
122
124
{% endtabs %}
123
125
124
-
N> If the [DocumentPath](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DocumentPath) property value is not provided, the PDF Viewer component will be rendered without loading a PDF document. Users can then use the open option from the toolbar to browse and open a PDF as required.
126
+
N> If the [DocumentPath](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DocumentPath) property is not set, the PDF Viewer renders without loading a PDF document. Users can use the Open option in the toolbar to browse and open a PDF as needed.
125
127
126
128
## Run on Windows
127
129
128
-
Run the sample in Windows Machine mode, and it will run Blazor MAUI in Windows.
130
+
Run the sample on a Windows machine to execute the Blazor .NET MAUI app.
129
131
130
-

132
+

131
133
132
-
Upon successfully launching the application, the PDF Viewer component will seamlessly render the specified PDF document within its interface.
134
+
After the application launches, the PDF Viewer renders the specified PDF document.

135
137
136
138
## Run on Android
137
139
138
-
To run the PDF Viewer in a Blazor Android MAUI application using the Android emulator, follow these steps:
140
+
To run the PDF Viewer in a Blazor .NET MAUI Android application using the Android emulator, follow these steps:
139
141
140
-

142
+

141
143
142
-
Refer [here](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/device-manager#android-device-manager-on-windows) to install and launch Android emulator.
144
+
For setup and usage, see [Android Emulator setup for .NET MAUI](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/device-manager#android-device-manager-on-windows).
143
145
144
-
N> If you encounter any errors while using the Android Emulator, refer to the following link for troubleshooting guidance[Troubleshooting Android Emulator](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/troubleshooting).
146
+
N> If any errors occur while using the Android Emulator, see [Troubleshooting Android Emulator](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/troubleshooting).
0 commit comments