HOW TO: Simple HTML5 Document Viewer in Electron

The following post details how to to create a simple HTML5 Document Viewer application that is run on the electron NodeJS framework in conjunction with V20 of the LEADTOOLS SDK. Electron allows you to create desktop applications utilizing HTML/JS/CSS. In order to run the project, you must specify a valid URL to the DocumentsService. The DocumentsService project is included in the following installation location within the SDK: <install directory>:\LEADTOOLS 20\Examples\JS\Services\DocumentServiceDotNet.

This demo requires that you have NodeJs installed. If you do not have Node installed, you can download the latest version off their website here: https://nodejs.org/en/
For more information about Electron, refer to their website:
https://electronjs.org

To run this demo you must perform the following:

1. Extract the ZIP .
   
2. Modify the main.js file in the resources/scripts/ directory so that the serviceHost/servicePath/serviceApiPath point to the DocumentsService.
   
3. From the root directory where you extracted the zip to, open up a command prompt and run "npm install" to download the package dependencies.
   
4. From the root directory where you extracted the zip to, from the command prompt run "npm start". This will open up a new Electron program that is running the HTML5 Document Viewer.
   

When you are done, the application will look like this:

Edited by moderator Tuesday, August 18, 2020 8:55:58 AM(UTC)  | Reason: Not specified