How to Deploy React DOCX Editor Docker image on Azure App

27 Aug 20261 minute to read

Prerequisites

az login

Step 1: Create a resource group.

Create a resource group using the az group create command.

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

az group create --name documenteditorresourcegroup --location "East US"

Step 2: Create an Azure App Service plan.

Create an App Service plan in the resource group with the az appservice plan create command.

The following example creates an App Service plan named documenteditorappservice in the Standard pricing tier (–sku S1) and in a Linux container (–is-linux).

az appservice plan create --name documenteditorappservice --resource-group documenteditorresourcegroup --sku S1 --is-linux

Step 3: Create a Docker Compose app.

Create a multi-container web app in the documenteditorappservice App Service plan with the 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 DOCX 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. Open this link and navigate to the DOCX Editor Web API control http://documenteditor-server.azurewebsites.net/api/documenteditor. It returns the default GET method response.

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

For more information about the app container service, refer to the Azure App Service for a production-ready setup.