Skip to content

1044838: addressed code alignment and Document Editor changes #4244

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
Krishna5272 wants to merge 1 commit into
base: hotfix/hotfix-v34.2.2
Choose a base branch
from
Open

1044838: addressed code alignment and Document Editor changes #4244

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
46 changes: 23 additions & 23 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,28 +1,28 @@
---
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.
control: How to deploy word processor server docker container in amazon kubernetes service
title: Deploy Syncfusion Angular DOCX Editor in Amazon Kubernetes Service
description: Learn here all about deploying word processor server docker container in Amazon Kubernetes Service in the Syncfusion Angular Document Editor.
control: How to deploy word processor server docker container in Amazon Kubernetes Service in Angular
platform: document-processing
documentation: ug
documentation: ug
domainurl: ##DomainURL##
---
# How to deploy Word Processor server in Amazon Kubernetes Service
# Deploy Word Processor Server in 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

Expand All @@ -32,7 +32,7 @@ Lets us discuss briefly about the each process
docker build -t <your-image-name>
```

**Step 2:** Create a private repository name ‘documenteditor’ 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 the 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,18 +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
```

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

```
aws eks --region <region> update-kubeconfig --name <cluster-name>
Expand All @@ -104,11 +104,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 +129,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 the 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/
18 changes: 9 additions & 9 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 Angular Document editor component | Syncfusion
description: Learn here all about How to deploy word processor server docker container in azure app service in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more.
title: Deploy Syncfusion Word Processor in Azure App Service
description: Learn here all about deploying word processor server docker container in Azure App Service in the Syncfusion Angular Document Editor.
platform: document-processing
control: How to deploy word processor server docker container in azure app service
control: How to deploy word processor server docker container in Azure App Service
documentation: ug
domainurl: ##DomainURL##
---
# How to deploy word processor server docker container in azure app service in Angular Document editor component
# Deploy Syncfusion Angular Document Editor in Azure App Service

## Prerequisites

Expand All @@ -23,7 +23,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 @@ -41,16 +41,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`](../../angular/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`](../../angular/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.
24 changes: 12 additions & 12 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 Angular Document editor component | Syncfusion
description: Learn here all about How to deploy word processor server docker container in azure kubernetes service in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more.
title: Deploy Syncfusion Word Processor in Azure Kubernetes Service
description: Learn here all about deploying word processor server docker container in Azure Kubernetes Service in the Syncfusion Angular Document Editor.
platform: document-processing
control: How to deploy word processor server docker container in azure kubernetes service
control: How to deploy word processor server docker container in Azure Kubernetes Service
documentation: ug
domainurl: ##DomainURL##
---
# How to deploy word processor server docker container in azure kubernetes service in Angular Document editor component
# Deploy Syncfusion Angular Document Editor in Azure Kubernetes Service

## 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 @@ -66,7 +66,6 @@ spec:
selector:
matchLabels:
app: documenteditorserver
strategy: {}
template:
metadata:
labels:
Expand Down Expand Up @@ -98,18 +97,19 @@ spec:

**Step 5:** To create all Services and Deployments needed to run the Document Editor server, execute the following.

```console
```
kubectl create -f ./documenteditor-server.yml
```

Run the following command to get the Kubernetes cluster deployed service details and copy the external IP address of the Document Editor service.

```console
```
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 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`](../../angular/getting-started).

**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`](../../angular/getting-started).
For more details about the Azure Kubernetes service, refer to the [`Azure Kubernetes Service`](https://docs.microsoft.com/en-us/azure/aks/kubernetes-walkthrough) for a production-ready setup.

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.
22 changes: 11 additions & 11 deletions ...h-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: How to publish documenteditor web api application in azure app service from visual studio in Angular Document editor component | Syncfusion
description: Learn here all about How to publish documenteditor web api application in azure app service from visual studio in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more.
title: Publish Syncfusion DOCX Editor Web API to Azure App Service in Angular
description: Learn here all about publishing Document Editor Web API application in Azure App Service from Visual Studio in the Syncfusion Angular Document Editor.
platform: document-processing
control: How to publish documenteditor web api application in azure app service from visual studio
control: How to publish Document Editor Web API application in Azure App Service from Visual Studio
documentation: ug
domainurl: ##DomainURL##
---

# How to publish documenteditor web api application in azure app service from visual studio in Angular Document editor component
# How to Publish Document Editor Web API to Azure App Service in Angular

## Prerequisites

Expand All @@ -22,22 +22,22 @@ Make sure you build the project using the Build > Build Solution menu command be

**Step 1:** In Solution Explorer, right-click the project and click Publish (or use the Build > Publish menu item).

![azure publish ](../images/azure_publish.png)
![Azure publish](../images/azure_publish.png)

**Step 2:** If you have previously configured any publishing profiles, the Publish pane appears, in which case select Create new profile.

**Step 3:** In the Pick a publish target dialog box, select App Service.

![azure target](../images/azure_target.png)
![Azure target](../images/azure_target.png)

**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.

![azure documenteditor](../images/azure_documenteditor.png)
![Azure documenteditor](../images/azure_documenteditor.png)

**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` (i.e. `http://ej2-documenteditor-server20200514102909.azurewebsites.net`).
**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` (i.e., `http://ej2-documenteditor-server20200514102909.azurewebsites.net`).

**Step 6:** Navigate to Document Editor Web API control `http://ej2-documenteditor-server20200514102909.azurewebsites.net/api/documenteditor`. It returns the default get method response.
**Step 6:** Navigate to Document Editor Web API control `http://ej2-documenteditor-server20200514102909.azurewebsites.net/api/documenteditor`. It returns the default GET method response.

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

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.
For more information about the app container service, refer to the [`Azure App Service`](https://docs.microsoft.com/en-us/visualstudio/deployment/) for a production-ready setup.