Skip to content

Commit 050f8ba

Browse files
parthasarathy4998parthasarathy4998
committed
1003858: Added server deployment pages
1 parent 6d1c17c commit 050f8ba

19 files changed

Lines changed: 227 additions & 42 deletions

‎Document-Processing-toc.html‎

Lines changed: 34 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -5079,47 +5079,45 @@
50795079
<li><a href="/document-processing/excel/spreadsheet/react/getting-started">Getting Started</a></li>
50805080
<li><a href="/document-processing/excel/spreadsheet/react/nextjs-getting-started">Getting Started with NextJS</a></li>
50815081
<li><a href="/document-processing/excel/spreadsheet/react/data-binding">Data Binding</a></li>
5082-
<li><a href="/document-processing/excel/spreadsheet/react/open/open">Open</a>
5083-
<li>
5084-
<ul>Open Excel File
5085-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/file-uploader">using a file uploader</a></li>
5086-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/external-url">using an external URL</a></li>
5087-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/blob-data">from blob data</a></li>
5088-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/base64-string">from base64 string</a></li>
5089-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/server">located on a server</a></li>
5090-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/aws-lambda">using AWS Lambda hosted web service</a></li>
5091-
</ul>
5092-
</li>
5082+
<li><a href="/document-processing/excel/spreadsheet/react/open/open">Open Excel File</a>
5083+
<ul>
5084+
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/file-uploader">using a file uploader</a></li>
5085+
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/external-url">using an external URL</a></li>
5086+
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/blob-data">from blob data</a></li>
5087+
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/base64-string">from base64 string</a></li>
5088+
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/server">located on a server</a></li>
5089+
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/aws-lambda">using AWS Lambda hosted web service</a></li>
5090+
</ul>
50935091
</li>
5094-
<li><a href="/document-processing/excel/spreadsheet/react/save/save">Save</a>
5095-
<li>Save Excel File
5096-
<ul>
5097-
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/blob-data">as blob data</a></li>
5098-
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/base64-string">as base64 string</a></li>
5099-
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/server">to a server</a></li>
5100-
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/aws-lambda">using AWS Lambda hosted web service</a></li>
5101-
</ul>
5102-
</li>
5092+
<li><a href="/document-processing/excel/spreadsheet/react/save/save">Save Excel File</a>
5093+
<ul>
5094+
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/blob-data">as blob data</a></li>
5095+
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/base64-string">as base64 string</a></li>
5096+
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/server">to a server</a></li>
5097+
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/aws-lambda">using AWS Lambda hosted web service</a></li>
5098+
</ul>
51035099
</li>
5104-
<li>Cloud Storage
5100+
<li><a href="/document-processing/excel/spreadsheet/react/open-from-cloud">Open From Cloud</a>
51055101
<ul>
5106-
<li>Open From Cloud
5107-
<ul>
5108-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/aws-s3-bucket">AWS S3</a></li>
5109-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/azure-blob-storage">Azure Blob Storage</a></li>
5110-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/google-cloud-storage">Google Cloud Storage</a></li>
5111-
</ul>
5112-
</li>
5113-
<li>Save To Cloud
5114-
<ul>
5115-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/aws-s3-bucket">AWS S3</a></li>
5116-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/azure-blob-storage">Azure Blob Storage</a></li>
5117-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/google-cloud-storage">Google Cloud Storage</a></li>
5118-
</ul>
5119-
</li>
5102+
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/aws-s3-bucket">AWS S3</a></li>
5103+
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/azure-blob-storage">Azure Blob Storage</a></li>
5104+
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/google-cloud-storage">Google Cloud Storage</a></li>
5105+
</ul>
5106+
</li>
5107+
<li><a href="/document-processing/excel/spreadsheet/react/save-to-cloud">Save To Cloud</a>
5108+
<ul>
5109+
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/aws-s3-bucket">AWS S3</a></li>
5110+
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/azure-blob-storage">Azure Blob Storage</a></li>
5111+
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/google-cloud-storage">Google Cloud Storage</a></li>
5112+
</ul>
5113+
</li>
5114+
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment">Server Deployment</a>
5115+
<ul>
5116+
<li><a href="/document-processing/excel/spreadsheet/react/Server-Deployment/docker-deployment">How to Deploy Spreadsheet Docker Image Locally</a></li>
5117+
<li><a href="/document-processing/excel/spreadsheet/react/Server-Deployment/how-to-deploy-spreadsheet-server-to-azure-app-service-using-visual-studio">Deploy Spreadsheet Server Docker Image to Azure App Service using Azure CLI</a></li>
5118+
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/google-cloud-storage">Deploy Spreadsheet Server to Azure App Service using Visual Studio</a></li>
51205119
</ul>
51215120
</li>
5122-
<li><a href="/document-processing/excel/spreadsheet/react/docker-deployment">Docker Deployment</a></li>
51235121
<li><a href="/document-processing/excel/spreadsheet/react/worksheet">Worksheet</a></li>
51245122
<li><a href="/document-processing/excel/spreadsheet/react/cell-range">Cell Range</a></li>
51255123
<li><a href="/document-processing/excel/spreadsheet/react/editing">Editing</a></li>

‎Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/aws-s3-bucket.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: post
33
title: Opening excel from AWS S3 in React Spreadsheet control | Syncfusion
44
description: Learn about how to Open an Excel file from AWS S3 in React Spreadsheet control of Syncfusion Essential JS 2 and more details.
5-
platform: React
5+
platform: document-processing
66
control: Open file from AWS S3
77
documentation: ug
88
---

‎Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/azure-blob-storage.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: post
33
title: Opening excel from Azure Blob Storage in React Spreadsheet control | Syncfusion
44
description: Learn about how to Open an Excel file from Azure Blob Storage in React Spreadsheet control of Syncfusion Essential JS 2.
5-
platform: React
5+
platform: document-processing
66
control: Open file from Azure Blob Storage
77
documentation: ug
88
---

‎Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/google-cloud-storage.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: post
33
title: Opening excel from Google Cloud Storage in React Spreadsheet control | Syncfusion
44
description: Learn about how to Open an Excel file from Google Cloud Storage in React Spreadsheet control of Syncfusion Essential JS 2.
5-
platform: React
5+
platform: document-processing
66
control: Open file from Google Cloud Storage
77
documentation: ug
88
---

‎Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Save-to-Cloud/aws-s3-bucket.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: post
33
title: Saving excel to AWS S3 in React Spreadsheet control | Syncfusion
44
description: Learn how to save a Excel file from AWS S3 in React Spreadsheet control of Syncfusion Essential JS 2 and more details.
5-
platform: React
5+
platform: document-processing
66
control: Save file to AWS S3
77
documentation: ug
88
---

‎Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Save-to-Cloud/azure-blob-storage.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: post
33
title: Saving excel to Azure Blob Storage in React Spreadsheet control | Syncfusion
44
description: Learn about how to Save an Excel file from Azure Blob Storage in React Spreadsheet control of Syncfusion Essential JS 2.
5-
platform: React
5+
platform: document-processing
66
control: Save file to Azure Blob Storage
77
documentation: ug
88
---

‎Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Save-to-Cloud/google-cloud-storage.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: post
33
title: Saving excel to Google Cloud Storage in React Spreadsheet control | Syncfusion
44
description: Learn about how to Save an Excel file from Google Cloud Storage in React Spreadsheet control of Syncfusion Essential JS 2.
5-
platform: React
5+
platform: document-processing
66
control: Save file to Google Cloud Storage
77
documentation: ug
88
---

Document-Processing/Excel/Spreadsheet/React/docker-deployment.md renamed to Document-Processing/Excel/Spreadsheet/React/Server-Deployment/docker-deployment.md

File renamed without changes.

‎Document-Processing/Excel/Spreadsheet/React/Server-Deployment/how-to-deploy-spreadsheet-server-to-azure-app-service-using-azure-cli.md‎

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
---
2+
layout: post
3+
title: Publish Spreadsheet Server to Azure App Service using Azure CLI
4+
description: Learn how to deploy the Syncfusion Spreadsheet Server Docker image to Azure App Service using Azure CLI.
5+
control: How to deploy Spreadsheet Server Docker Image to Azure App Service using Azure CLI
6+
platform: document-processing
7+
documentation: ug
8+
---
9+
10+
# Publish Spreadsheet Server Docker Image to Azure App Service using Azure CLI in React Spreadsheet Editor component
11+
12+
## Prerequisites
13+
14+
* `Docker` installed on your machine (Windows, macOS, or Linux).
15+
* `Azure CLI` installed based on your operating system. [Download Azure CLI](https://docs.microsoft.com/en-us/cli/azure/install-azure-cli)
16+
* An active [`Azure subscription`](https://azure.microsoft.com/en-gb) with App Services access.
17+
* The [`Spreadsheet Server Docker image`](https://hub.docker.com/r/syncfusion/spreadsheet-server) available.
18+
19+
## Deploy to Azure App Service using Azure CLI
20+
21+
**Step 1:** Log in to Azure
22+
23+
Open your terminal and sign in to Azure using the command below. This authenticates your CLI with Azure.
24+
25+
```bash
26+
az login
27+
```
28+
29+
**Step 2:** Create a resource group
30+
31+
Create a resource group with the following command in your preferred location.
32+
33+
```bash
34+
az group create --name < your-app-name> --location <your-selected-region>
35+
```
36+
37+
**Step 3:** Create an app service plan
38+
39+
Create a resource group with the following command in your preferred location.
40+
41+
```bash
42+
az appservice plan create --name --resource-group < your-resource-group> --sku S1 --is-linux
43+
```
44+
45+
This creates an App Service plan in the standard pricing tier (S1) and ensures it runs on Linux containers with the --is-linux flag.
46+
47+
**Step 4:** Create the docker-compose.yml file
48+
49+
Define your container configuration in a docker-compose.yml file. This file specifies the container name, image, and environment variables for the Spreadsheet Server:
50+
51+
```bash
52+
version: '3.4'
53+
54+
services:
55+
spreadsheet-server:
56+
image: syncfusion/spreadsheet-server
57+
environment:
58+
59+
# Provide your license key for activation
60+
SYNCFUSION_LICENSE_KEY: YOUR_LICENSE_KEY
61+
ports:
62+
- "6002:8080"
63+
64+
```
65+
66+
Note: Replace YOUR_LICENSE_KEY with your valid Syncfusion license key.
67+
68+
**Step 5:** Create a Docker compose app
69+
70+
Deploy the containerized app to Azure App Service using the following command.
71+
72+
```bash
73+
az webapp create --resource-group <your-resource-group> --plan < your-app-service-plan> --name <your-app-name> --multicontainer-config-type compose --multicontainer-config-file docker-compose.yml
74+
```
75+
76+
This command creates a web app that runs your Spreadsheet Server Docker container using the configuration defined in the docker-compose.yml file.
77+
78+
**Step 6:** Browse your app
79+
80+
Once deployed, your app will be live at https://XXXXXXXXXX.azurewebsites.net.
81+
82+
![azure cli](../images/azure-cli.png)
83+
84+
**Step 7:** With your server running, verify that it supports import and export operations by testing the following endpoints:
85+
```
86+
openUrl="https://XXXXXXXXXX.azurewebsites.net/api/spreadsheet/open"
87+
saveUrl="https://XXXXXXXXXX.azurewebsites.net/api/spreadsheet/save
88+
```
89+
Append the App Service running URL to the service URL in the client‑side Spreadsheet Editor component. For more information about how to get started with the Spreadsheet Editor component, refer to this [`getting started page`](../getting-started.md)
90+
91+
For more information about the app container service, please look deeper into the [`Microsoft Azure App Service`](https://docs.microsoft.com/en-us/visualstudio/deployment/) for a production-ready setup.

‎Document-Processing/Excel/Spreadsheet/React/Server-Deployment/how-to-deploy-spreadsheet-server-to-azure-app-service-using-visual-studio.md‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
---
2+
layout: post
3+
title: Publish Spreadsheet Server to Azure App Service from Visual Studio
4+
description: Learn how to publish the Syncfusion Spreadsheet Server Web API to Azure App Service using Visual Studio.
5+
control: How to publish Spreadsheet Server in Azure App Service using Visual Studio
6+
platform: document-processing
7+
documentation: ug
8+
---
9+
10+
# Publish ASP.NET Core Spreadsheet Server to Azure App Service from Visual Studio in React Spreadsheet Editor component
11+
12+
## Prerequisites
13+
14+
* `Visual Studio 2022` or later is installed.
15+
* [`.NET 8.0 SDK`](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later installed.
16+
* An active [`Azure subscription`](https://azure.microsoft.com/en-gb) with App Services access.
17+
* The [`Spreadsheet Web API project`](https://github.com/SyncfusionExamples/EJ2-Spreadsheet-WebServices/tree/main/WebAPI) repository cloned locally.
18+
19+
Make sure you build the project using the Build > Build Solution menu command before following the deployment steps.
20+
21+
## Publish to Azure App Service
22+
23+
**Step 1:** In Solution Explorer, right-click the project and click Publish (or use the Build > Publish menu item).
24+
25+
![azure publish ](../images/azure_publish.png)
26+
27+
**Step 2:** In the Pick a publish target dialog box, select Azure as deployment target.
28+
29+
![azure target ](../images/azure_target.png)
30+
31+
**Step 3:** After selecting Azure, choose Azure App Service under the target options.
32+
33+
![azure app service](../images/azure_app_service.png)
34+
35+
**Step 4:** Select Publish. The Create App Service dialog box appears. Sign in with your Azure account, if necessary, and then the default app service settings populate the fields.
36+
37+
![azure credentials](../images/azure_credentials.png)
38+
39+
**Step 5:** Select Create. Visual Studio deploys the app to your Azure App Service, and the web app loads in your browser with the app name at `http://<app_name>.azurewebsites.net`.
40+
41+
![azure_published_window](../images/azure_published_window.png)
42+
43+
**Step 6:** Once the deployment process is complete, The deployed API will be live at the following URL:
44+
https://XXXXXXXXXX.azurewebsites.net
45+
46+
**Step 7:** With your server running, verify that it supports import and export operations by testing the following endpoints:
47+
```
48+
openUrl="https://XXXXXXXXXX.azurewebsites.net/api/spreadsheet/open"
49+
saveUrl="https://XXXXXXXXXX.azurewebsites.net/api/spreadsheet/save
50+
```
51+
Append the App Service running URL to the service URL in the client‑side Spreadsheet Editor component. For more information about how to get started with the Spreadsheet Editor component, refer to this [`getting started page`](../getting-started.md)
52+
53+
For more information about the app container service, please look deeper into the [`Microsoft Azure App Service`](https://docs.microsoft.com/en-us/visualstudio/deployment/) for a production-ready setup.

0 commit comments

Comments
 (0)