Skip to content

1045872-addressed the changes #4405

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Vellaisamy5301 wants to merge 2 commits into
base: hotfix/hotfix-v34.2.2
Choose a base branch
from
+99 −98
Open

1045872-addressed the changes #4405

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
53b0e81
1045872-addressed the changes
Vellaisamy5301 Aug 14, 2026
476ec42
1045872-resolved ci title heading issue
Vellaisamy5301 Aug 14, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 15 additions & 15 deletions ...sor/vue/server-deployment/how-to-deploy-documenteditor-java-web-api-in-azure.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,33 +1,33 @@
---
layout: post
title: How to deploy documenteditor java web api in azure in Vue Document editor component | Syncfusion
title: How to Deploy Vue DOCX Editor Java Web API in Azure App | Syncfusion
description: Learn here all about How to deploy documenteditor java web api in azure in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
control: How to deploy documenteditor java web api in azure
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
# How to deploy documenteditor java web api in azure in Vue Document editor component
# How to Deploy Vue DOCX Editor Java Web API in Azure App

## Prerequisites

Have [`Azure account`](https://azure.microsoft.com/en-gb/) and [`Azure CLI`](https://docs.microsoft.com/en-us/cli/azure/?view=azure-cli-latest) setup in your environment.

You can get the example [`web service project from GitHub`](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-Java-WebService) and then perform the following steps to create the packages and host in azure app service.

**Step 1** Clean the package using following command.
**Step 1:** Clean the package using the following command.

```console
mvn clean package
```

**Step 2** Run the application locally using following command.
**Step 2:** Run the application locally using the following command.

```console
mvn spring-boot:run
```

**Step 3** Build the package using following command.
**Step 3:** Build the package using the following command.

```console
mvn package
Expand All @@ -37,26 +37,26 @@ Above package generation command creates the `**tomcat-0.0.1-SNAPSHOT.war**` in

`target/tomcat-0.0.1-SNAPSHOT.war`

**Step 4:** Create a Azure app service with Java & Tomcat. For example, create the app services name as `documenteditorjava`.
**Step 4:** Create an Azure App Service with Java & Tomcat. For example, create the App Service with name `documenteditorjava`.

**Step 5:** After creating app service, navigate to `Advanced Tools` options under `Development Tools`.
**Step 5:** After creating the App Service, navigate to `Advanced Tools` options under `Development Tools`.

![Advanced tools ](../images/azure_java_advancedtools.png)
![Azure Java Advanced tools](../images/azure_java_advancedtools.png)

Then, click `Go` and select the `CMD` options under `Debug console`.
Then, click `Go` and select the `CMD` option under `Debug console`.

![Debug console ](../images/azure_java_debugconsole.png)
![Debug console](../images/azure_java_debugconsole.png)

**Step 6**: Once the file manager is opened, please navigate to
**Step 6:** Once the file manager is opened, navigate to:

`site -> wwwroot -> webapps`

**Step 7**: Now, upload the generated war file `tomcat-0.0.1-SNAPSHOT.war`. Uploaded war file gets extracted automatically, it will uploaded like below:
**Step 7:** Now, upload the generated WAR file `tomcat-0.0.1-SNAPSHOT.war`. It is extracted automatically, as shown below:

![Uploaded war](../images/java_azure_uploaded.png)
![Uploaded war file](../images/java_azure_uploaded.png)

**Step 8:** Browse to the app.

Browse to the deployed app at `http://<app_name>.azurewebsites.net`, i.e. `http://documenteditorjava.azurewebsites.net`. Browse this link and it navigate to the Document Editor Web API control `http://documenteditorjava.azurewebsites.net/tomcat-0.0.1-SNAPSHOT`. It returns the default get method response.
Browse to the deployed app at `http://<app_name>.azurewebsites.net`, i.e., `http://documenteditorjava.azurewebsites.net`. Browse this link and it navigates to the Document Editor Web API control `http://documenteditorjava.azurewebsites.net/tomcat-0.0.1-SNAPSHOT`. It returns the default GET method response.

Append the app service running the URL `http://documenteditorjava.azurewebsites.net/tomcat-0.0.1-SNAPSHOT` to the service URL in the client-side Document Editor control. For more information about the Document Editor control, refer to this [`getting started page`](../getting-started).
Append the App Service running URL `http://documenteditorjava.azurewebsites.net/tomcat-0.0.1-SNAPSHOT` to the service URL in the client-side Document Editor control. For more information about the Document Editor control, refer to this [`getting started page`](../getting-started).
45 changes: 23 additions & 22 deletions ...o-deploy-word-processor-server-docker-container-in-amazon-kubernetes-service.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,38 +1,38 @@
---
layout: post
title: Deploy Syncfusion Word Processor in Amazon Kubernetes Service
description: Learn here all about How to deploy word processor server docker container in amazon kubernetes service in Syncfusion Document editor.
title: Deploy Vue DOCX Editor Docker on Amazon Kubernetes | Syncfusion
description: Deploy the Syncfusion® Vue DOCX Editor Docker image to Amazon Kubernetes Service for scalable and reliable document processing.
control: How to deploy word processor server docker container in amazon kubernetes service
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
# How to deploy Word Processor server in Amazon Kubernetes Service
# How to Deploy Vue DOCX Editor Docker Image on Amazon Kubernetes

## Prerequisites

* `AWS Account` :Have Amazon account
* `AWS Account`: Have an Amazon account.
* `AWS CLI`: Install the AWS Command Line Interface (CLI) on your local machine.
* `Kubectl` : Install the Kubernetes command-line tool kubectl on your local machine.
* `Kubectl`: Install the Kubernetes command-line tool kubectl on your local machine.
* `Docker`: Install Docker on your local machine.
* `Word Processor Docker Image`: Have a Docker image of the Word Processor server ready to deploy.

To deploy the Word Processor server docker image, need to follow the below process
To deploy the Word Processor server docker image, you need to follow the process below.

* Push Docker Image to Registry (Amazon Elastic Registry)
* Deploy Docker Image on Amazon Kubernetes Service

Lets us discuss briefly about the each process
Let us briefly discuss each process.

## Push the Docker image to the Amazon Elastic Registry

**Step 1:** Dockerize the Word Processor Server Application with the image name [syncfusion/word-processor-server](https://hub.docker.com/r/syncfusion/word-processor-server)

```
docker build -t <your-image-name>
docker build -t <your-image-name> .
```

**Step 2:** Create a private repository name ‘document editor’ in Amazon Elastic Container Registry (ECR) using the AWS CLI or AWS Console to push the docker image
**Step 2:** Create a private repository named 'documenteditor' in Amazon Elastic Container Registry (ECR) using the AWS CLI or AWS Console.

```
aws ecr create-repository --repository-name <repository-name>
Expand All @@ -43,13 +43,13 @@ aws ecr create-repository --repository-name <repository-name>
```
docker tag <your-image-name>:latest <your_ECR_registry_URI>/<your_repository_name>:latest
```
Refer to the following example to tag the image
Refer to the following example to tag the image.

```
docker tag syncfusion/word-processor-server:latest 123456.dkr.ecr.us-east-1.amazonaws.com/documenteditor:latest
```

> Get the ECR registry URI from AWS console or using the below AWS CLI command
N> Get the ECR registry URI from AWS console or using the below AWS CLI command.

```
aws ecr describe-repositories --repository-names <repository-name> --query 'repositories[*].repositoryUri' --output text
Expand All @@ -71,17 +71,18 @@ docker push <your_ECR_registry_URI>/<your_image_name>:latest

## Deploy Docker Image on Amazon Kubernetes Service

Follow the below steps to deploy the Docker image from the Amazon Elastic Registry( ECR) to Amazon Kubernetes Services (EKS)
Follow the below steps to deploy the Docker image from the Amazon Elastic Registry (ECR) to Amazon Kubernetes Services (EKS).

**Step 1:** DCreate Amazon EKS cluster using the AWS Console
**Step 1:** Create an Amazon EKS cluster using the AWS Console.

**Step 2:** Authenticate with AWS ECR
Need to get the authenticate with the AWS ECR to pull the image from the registry
**Step 2:** Authenticate with AWS ECR.

You need to authenticate with the AWS ECR to pull the image from the registry.

```
aws ecr get-login-password --region <your-region> | docker login --username AWS --password-stdin <your-aws-account-id>.dkr.ecr.<your-region>.amazonaws.com
```

Configure Kubernetes to communicate with the cluster.
**Step 3:** : Configure Kubernetes to Communicate with the Cluster

```
Expand All @@ -104,11 +105,11 @@ In this command:
* <your-region> should be replaced with your AWS region.


**Step 5:** To create Kubernetes deployment write Kubernetes manifest
**Step 5:** To create a Kubernetes deployment, write a Kubernetes manifest.

**i.** Create a Kubernetes Deployment manifest (deployment.yaml) for your application. Specify the Docker image location.

```
```yaml
apiVersion: apps/v1
kind: Deployment
metadata:
Expand All @@ -129,22 +130,22 @@ spec:
ports:
- containerPort: 80
```
**ii.** Apply the Deployment manifest to create the deployment in your EKS cluster
**ii.** Apply the Deployment manifest to create the deployment in your EKS cluster.

```
kubectl apply -f deployment.yaml
```

**iii.** Use port forwarding to access the Word Processor Server application locally and verify its functionality
**iii.** Use port forwarding to access the Word Processor Server application locally and verify its functionality.

```
kubectl port-forward pod-name local-port:container-port
```

> Get the pod names in AWS Console or using the below AWS CLI command
N> Get the pod names in AWS Console or using the below AWS CLI command.

```
kubectl get pods
```

Finally you can get the sample in the localhost http://```<your-ip>```/api/documenteditor/
Finally, you can access the sample at localhost: http://<your-ip>/api/documenteditor/
16 changes: 8 additions & 8 deletions ...nt/how-to-deploy-word-processor-server-docker-container-in-azure-app-service.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: How to deploy word processor server docker container in azure app service in Vue Document editor component | Syncfusion
description: Learn here all about How to deploy word processor server docker container in azure app service in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
title: How to Deploy Vue DOCX Editor Docker image on Azure App | Syncfusion
description: Deploy the Syncfusion® Vue DOCX Editor Docker image to Azure App Service for scalable and reliable document processing.
control: How to deploy word processor server docker container in azure app service
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
# How to deploy word processor server docker container in azure app service in Vue Document editor component
# How to Deploy Vue DOCX Editor Docker image on Azure App

## Prerequisites

Expand All @@ -22,7 +22,7 @@ domainurl: ##DomainURL##

Create a resource group using the [`az group create`](https://docs.microsoft.com/en-us/cli/azure/group#az-group-create) command.

The following example creates a resource group named documenteditorresourcegroup in the eastus location.
The following example creates a resource group named documenteditorresourcegroup in the East US location.

```
az group create --name documenteditorresourcegroup --location "East US"
Expand All @@ -40,16 +40,16 @@ az appservice plan create --name documenteditorappservice --resource-group docum

**Step 3:** Create a Docker Compose app.

Create a multi-container [`web app`](https://docs.microsoft.com/en-us/azure/app-service/containers/app-service-linux-intro) in the documenteditorappservice App Service plan with the [`az webapp create`](https://docs.microsoft.com/en-us/cli/azure/webapp?view=azure-cli-latest#az-webapp-create) command. The following command creates the web app using the provided Docker compose file. Please look into the section for getting started with Docker compose to create the Docker compose file for the document editor server and use the created Docker compose file here.
Create a multi-container [`web app`](https://docs.microsoft.com/en-us/azure/app-service/containers/app-service-linux-intro) in the documenteditorappservice App Service plan with the [`az webapp create`](https://docs.microsoft.com/en-us/cli/azure/webapp?view=azure-cli-latest#az-webapp-create) command. The following command creates the web app using the provided Docker Compose file. Refer to the Docker Compose getting started section to create the Docker Compose file for the Document Editor server and use the created Docker Compose file here.

```
az webapp create --resource-group documenteditorresourcegroup --plan documenteditorappservice --name documenteditor-server --multicontainer-config-type compose --multicontainer-config-file documenteditor-server-compose.yml
```

**Step 4:** Browse to the app.

Browse to the deployed app at `http://<app_name>.azurewebsites.net`, i.e. `http://documenteditor-server.azurewebsites.net`. Browse this link and navigate to the Document Editor Web API control `http://documenteditor-server.azurewebsites.net/api/documenteditor`. It returns the default get method response.
Browse to the deployed app at `http://<app_name>.azurewebsites.net`, i.e., `http://documenteditor-server.azurewebsites.net`. Open this link and navigate to the Document Editor Web API control `http://documenteditor-server.azurewebsites.net/api/documenteditor`. It returns the default GET method response.

Append the app service running the URL `http://documenteditor-server.azurewebsites.net/api/documenteditor/` to the service URL in the client-side Document Editor control. For more information about the Document Editor control, refer to this [`getting started page`](../getting-started).
Append the app service running URL `http://documenteditor-server.azurewebsites.net/api/documenteditor/` to the service URL in the client-side Document Editor control. For more information about the Document Editor control, refer to this [`getting started page`](../getting-started).

For more information about the app container service, please look deeper into the [`Microsoft Azure Container Service`](https://docs.microsoft.com/en-us/azure/app-service/containers/quickstart-multi-container) for a production-ready setup.
For more information about the app container service, refer to the [`Azure App Service`](https://docs.microsoft.com/en-us/azure/app-service/containers/quickstart-multi-container) for a production-ready setup.
14 changes: 7 additions & 7 deletions ...to-deploy-word-processor-server-docker-container-in-azure-kubernetes-service.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: How to deploy word processor server docker container in azure kubernetes service in Vue Document editor component | Syncfusion
description: Learn here all about How to deploy word processor server docker container in azure kubernetes service in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
title: How to Deploy Vue DOCX Editor Docker image on AKS | Syncfusion
description: Deploy the Syncfusion® Vue DOCX Editor Docker image to Azure Kubernetes Service (AKS) for scalable and reliable document processing.
control: How to deploy word processor server docker container in azure kubernetes service
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
# How to deploy word processor server docker container in azure kubernetes service in Vue Document editor component
# How to Deploy Vue DOCX Editor Docker Image on AKS

## Prerequisites

Expand All @@ -22,7 +22,7 @@ domainurl: ##DomainURL##

Create a resource group using the [`az group create`](https://docs.microsoft.com/en-us/cli/azure/group#az-group-create) command.

The following example creates a resource group named documenteditorresourcegroup in the eastus location.
The following example creates a resource group named documenteditorresourcegroup in the East US location.

```
az group create --name documenteditorresourcegroup --location "East US"
Expand All @@ -38,7 +38,7 @@ az aks create --resource-group documenteditorresourcegroup --name documenteditor

**Step 3:** Connect to the cluster.

Install the [`kubectl`](https://kubernetes.io/docs/reference/kubectl/kubectl/) into the workspace using the following command.
Install [`kubectl`](https://kubernetes.io/docs/reference/kubectl/kubectl/) using the following command.

```
az aks install-cli
Expand Down Expand Up @@ -108,8 +108,8 @@ Run the following command to get the Kubernetes cluster deployed service details
kubectl get all
```

Browse the copied external IP address and navigate to the Document Editor Web API control `http://<external-ip>/api/documenteditor`. It returns the default get method response.
Browse to the copied external IP address and navigate to the Document Editor Web API control `http://<external-ip>/api/documenteditor`. It returns the default GET method response.

**Step 6:** Append the Kubernetes service running the URL `http://<external-ip>/api/documenteditor/` to the service URL in the client-side Document Editor control. For more information about the Document Editor control, refer to this [`getting started page`](../getting-started).
**Step 6:** Append the Kubernetes service running URL `http://<external-ip>/api/documenteditor/` to the service URL in the client-side Document Editor control. For more information about the Document Editor control, refer to this [`getting started page`](../getting-started).

For more details about the Azure Kubernetes service, please look deeper into [`Microsoft Azure Kubernetes Service`](https://docs.microsoft.com/en-us/azure/aks/kubernetes-walkthrough) for a production-ready setup.
Loading