HOW TO: Simple HTML5 Document Viewer in Express

The following post details how to to create a simple HTML5 Document Viewer application hosted using the Express NodeJS package in conjunction with V20 of the LEADTOOLS SDK. 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\Documents\DocumentViewer\Services\DocumentsService

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/

To run this demo you must perform the following:

1. Extract the ZIP .
   
2. Modify the main.js file in the public/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" or "node server.js" to start the project. By default, this will start an Express Web Server listening in on localhost:3000. To modify the port, change the serverPort variable located in the server.js file.
   
5. Open up the browser of your choice, and navigate to http://localhost:3000
   

When you are done, the resulting site will look like this: