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
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/docker-deployment">Spreadsheet Server Docker Overview</a></li>
5228
-
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/how-to-deploy-spreadsheet-server-to-azure-app-service-using-visual-studio">Deploy Spreadsheet Docker to Azure App Service using Azure CLI</a></li>
5229
-
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/how-to-deploy-spreadsheet-server-to-azure-app-service-using-azure-cli">Publish Spreadsheet Server to Azure App Service using Visual Studio</a></li>
5227
+
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/spreadsheet-server-docker-image-overview">Spreadsheet Server Docker Overview</a></li>
5228
+
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/deploy-spreadsheet-docker-to-azure-using-azure-cli">Deploy Spreadsheet Docker to Azure App Service using Azure CLI</a></li>
5229
+
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/publish-spreadsheet-server-to-azure-using-visual-studio">Publish Spreadsheet Server to Azure App Service using Visual Studio</a></li>
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-aws-s3-bucket.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,11 +13,11 @@ To load a file from AWS S3 in a Spreadsheet Component, you can follow the steps
13
13
14
14
**Step 1:** Create a Simple Spreadsheet Sample in React
15
15
16
-
Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
16
+
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
17
17
18
18
**Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
19
19
20
-
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
20
+
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
21
21
22
22
2. Open the `SpreadsheetController.cs` file in your web service project.
23
23
@@ -141,7 +141,7 @@ N> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and
141
141
142
142
**Step 3:** Modify the index File in the Spreadsheet sample to make a fetch call to the server to retrieve and load the Excel file from the AWS S3 bucket into the client-side spreadsheet.
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-azure-blob-storage.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,11 +13,11 @@ To load a file from Azure Blob Storage in a Spreadsheet Component, you can follo
13
13
14
14
**Step 1:** Create a Simple Spreadsheet Sample in React
15
15
16
-
Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
16
+
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
17
17
18
18
**Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
19
19
20
-
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
20
+
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
21
21
22
22
2. Open the `SpreadsheetController.cs` file in your web service project.
23
23
@@ -39,7 +39,7 @@ using Azure.Storage.Blobs.Specialized;
39
39
40
40
4. Add the following private fields and constructor parameters to the `SpreadsheetController` class, In the constructor, assign the values from the configuration to the corresponding fields.
41
41
42
-
```Csharp
42
+
```csharp
43
43
44
44
privatereadonlystring_storageConnectionString;
45
45
privatereadonlystring_storageContainerName;
@@ -55,7 +55,7 @@ public SpreadsheetController(IConfiguration configuration)
55
55
56
56
5. Create the `OpenFromAzure()` method to open the document from the Azure Blob Storage.
57
57
58
-
```Csharp
58
+
```csharp
59
59
60
60
[HttpPost]
61
61
[Route("OpenFromAzure")]
@@ -107,7 +107,7 @@ public class FileOptions
107
107
108
108
6. Open the `appsettings.json` file in your web service project, Add the following lines below the existing `"AllowedHosts"` configuration.
109
109
110
-
```Json
110
+
```json
111
111
112
112
{
113
113
"Logging": {
@@ -126,7 +126,7 @@ N> Note: Install the Azure.Storage.Blobs NuGet package in the service project.
126
126
127
127
**Step 3:** Modify the index File in the Spreadsheet sample to make a fetch call to the server to retrieve and load the Excel file from the Google Cloud Storage into the client-side spreadsheet.
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-google-cloud-storage.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,11 +13,11 @@ To load a file from Google Cloud Storage in a Spreadsheet Component, you can fol
13
13
14
14
**Step 1:** Create a Simple Spreadsheet Sample in React
15
15
16
-
Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
16
+
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
17
17
18
18
**Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
19
19
20
-
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
20
+
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
21
21
22
22
2. Open the `SpreadsheetController.cs` file in your web service project.
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/React/Save-Excel-File/to-aws-s3-bucket.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,11 +13,11 @@ To save a file to the AWS S3, you can follow the steps below
13
13
14
14
**Step 1:** Create a Simple Spreadsheet Sample in React
15
15
16
-
Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
16
+
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
17
17
18
18
**Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
19
19
20
-
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
20
+
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
21
21
22
22
2. Open the `SpreadsheetController.cs` file in your web service project.
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/React/Save-Excel-File/to-azure-blob-storage.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,17 +7,17 @@ control: Save file to Azure Blob Storage
7
7
documentation: ug
8
8
---
9
9
10
-
# Save file to Google Cloud Storage
10
+
# Save file to Azure Cloud Storage
11
11
12
12
To save a file to Azure Blob Storage in a Spreadsheet Component, you can follow the steps below
13
13
14
14
**Step 1:** Create a Simple Spreadsheet Sample in React
15
15
16
-
Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
16
+
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
17
17
18
18
**Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
19
19
20
-
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
20
+
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
21
21
22
22
2. Open the `SpreadsheetController.cs` file in your web service project.
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/React/Save-Excel-File/to-google-cloud-storage.md
+5-12Lines changed: 5 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,11 +13,11 @@ To save a file to Google Cloud Storage in a Spreadsheet Component, you can follo
13
13
14
14
**Step 1:** Create a Simple Spreadsheet Sample in React
15
15
16
-
Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
16
+
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
17
17
18
18
**Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
19
19
20
-
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
20
+
1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
21
21
22
22
2. Open the `SpreadsheetController.cs` file in your web service project.
23
23
@@ -33,8 +33,7 @@ using Syncfusion.EJ2.Spreadsheet;
33
33
34
34
4. Add the following private fields and constructor parameters to the `SpreadsheetController` class, In the constructor, assign the values from the configuration to the corresponding fields.
35
35
36
-
```Csharp
37
-
36
+
```csharp
38
37
privatereadonlystring_bucketName;
39
38
privatereadonlyStorageClient_storageClient;
40
39
@@ -50,13 +49,11 @@ public SpreadsheetController(IConfiguration configuration)
@@ -80,17 +77,14 @@ public async Task<IActionResult> SaveToGoogleCloud([FromForm] SaveSettings saveS
80
77
returnBadRequest("Error saving file to Google Cloud Storage: "+ex.Message);
81
78
}
82
79
}
83
-
84
80
```
85
81
86
82
**Step 3:** Modify the index File in the Spreadsheet sample to using [`saveAsJson`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveasjson) method to serialize the spreadsheet and send it to the back-end
.catch(err=>window.alert('Error saving to server: '+ err));
116
110
});
117
111
};
118
-
119
112
```
120
113
121
114
N> Note: The back-end requires the Google.Cloud.Storage.V1 NuGet package and a service-account key that has Storage Object Admin (or equivalent) permissions on the target bucket.
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/React/Server-Deployment/spreadsheet-server-docker-image-overview.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,7 +7,7 @@ control: Docker deployment
7
7
documentation: ug
8
8
---
9
9
10
-
# Docker Image Overview in React Spreadsheet component
10
+
# Spreadsheet server docker image overview in React Spreadsheet
11
11
12
12
The [**Syncfusion<supstyle="font-size:70%">®</sup> Spreadsheet (also known as Excel Viewer)**](https://www.syncfusion.com/spreadsheet-editor-sdk/react-spreadsheet-editor) is a feature-rich control for organizing and analyzing data in a tabular format. It provides all the common Excel features, including data binding, selection, editing, formatting, resizing, sorting, filtering, importing, and exporting Excel documents.
0 commit comments