Convert Word to Image in Google App Engine

8 Nov 20247 minutes to read

Syncfusion DocIO is a .NET Core Word library that allows you to create, read, edit, and convert Word documents programmatically, without the need for Microsoft Word or interop dependencies. Using this library, you can convert Word document to image in Google App Engine.

Set up App Engine

Step 1: Open the Google Cloud Console and click the Activate Cloud Shell button.

Step 2: Click the Cloud Shell Editor button to view the Workspace.

Step 3: Open Cloud Shell Terminal, run the following command to confirm authentication.

CLI

gcloud auth list

Step 4: Click the Authorize button.

Create an application for App Engine

Step 1: Open Visual Studio and select the ASP.NET Core Web app (Model-View-Controller) template.

Step 2: Configure your new project according to your requirements.

Step 3: Click the Create button.

Step 4: Install the following Nuget packages in your application from Nuget.org.

• Syncfusion.DocIORenderer.Net.Core
• SkiaSharp.NativeAssets.Linux v2.88.8
• HarfBuzzSharp.NativeAssets.Linux v7.3.0.2

NOTE

Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add “Syncfusion.Licensing” assembly reference and include a license key in your projects. Please refer to this link to know about registering Syncfusion license key in your application to use our components.

Step 5: Include the following namespaces in the HomeController.cs file.

C#

using Syncfusion.DocIO;
using Syncfusion.DocIO.DLS;
using Syncfusion.DocIORenderer;

Step 6: A default action method named Index will be present in HomeController.cs. Right click on Index method and select Go To View where you will be directed to its associated view page Index.cshtml.

Step 7: Add a new button in the Index.cshtml as shown below.

C#

@{
    Html.BeginForm("ConvertWordToImage", "Home", FormMethod.Get);
    {
        <div>
            <input type="submit" value="Convert Word to image" style="width:185px;height:27px" />
        </div>
    }
    Html.EndForm();
}

Step 8: Add a new action method ConvertWordToImage in HomeController.cs and include the below code snippet to convert the Word document to image and download it.

C#

using (FileStream inputStream = new FileStream(Path.GetFullPath("Data/Input.docx"), FileMode.Open, FileAccess.Read))
{
    //Creating a new document.
    using (WordDocument document = new WordDocument(inputStream, FormatType.Docx))
    {                     
        //Creates a new instance of DocIORenderer class.
        using (DocIORenderer render = new DocIORenderer())
        {
            //Converts the first page of word document to image
            imageStream = (MemoryStream)document.RenderAsImages(0, ExportImageFormat.Jpeg);
            imageStream.Position = 0;  
            //Download image file in the browser.
            return File(imageStream, "image/jpeg", "WordToimage_Page1.jpeg");                       
        }
    }
}

Move application to App Engine

Step 1: Open the Cloud Shell editor.

Step 2: Drag and drop the sample from your local machine to Workspace.

NOTE

If you have your sample application in your local machine, drag and drop it into the Workspace. If you created the sample using the Cloud Shell terminal command, it will be available in the Workspace.

Step 3: Open the Cloud Shell Terminal and run the following command to view the files and directories within your current Workspace.

CLI

ls

Step 4: Run the following command to navigate which sample you want run.

CLI

cd Convert-Word-Document-to-Image

Step 5: To ensure that the sample is working correctly, please run the application using the following command.

CLI

dotnet run --urls=http://localhost:8080

Step 6: Verify that the application is running properly by accessing the Web View -> Preview on port 8080.

Step 7: Now you can see the sample output on the preview page.

Step 8: Close the preview page and return to the terminal then press Ctrl+C for which will typically stop the process.

Publish the application

Step 1: Run the following command in Cloud Shell Terminal to publish the application.

CLI

dotnet publish -c Release

Step 2: Run the following command in Cloud Shell Terminal to navigate to the publish folder.

CLI

cd bin/Release/net8.0/publish/

Configure app.yaml and docker file

Step 1: Add the app.yaml file to the publish folder with the following contents.

CLI

cat <<EOT >> app.yaml
env: flex
runtime: custom   
EOT

Step 2: Add the Docker file to the publish folder with the following contents.

CLI

cat <<EOT >> Dockerfile
FROM mcr.microsoft.com/dotnet/aspnet:8.0
RUN apt-get update -y && apt-get install libfontconfig -y
ADD / /app
EXPOSE 8080
ENV ASPNETCORE_URLS=http://*:8080
WORKDIR /app
ENTRYPOINT [ "dotnet", "Convert-Word-Document-to-Image.dll"]
EOT

Step 3: You can ensure Docker and app.yaml files are added in Workspace.

Deploy to App Engine

Step 1: To deploy the application to the App Engine, run the following command in Cloud Shell Terminal. Afterwards, retrieve the URL from the Cloud Shell Terminal.

CLI

gcloud app deploy --version v0

Step 2: Open the URL to access the application, which has been successfully deployed.

You can download a complete working sample from GitHub.

By executing the program, you will get the image as follows. The output will be saved in bin folder.

Click here to explore the rich set of Syncfusion Word library (DocIO) features.

An online sample link to convert Word document to image in ASP.NET Core.