在本主题▼
开始与文档查看器演示- HTML5 JavaScript
本教程展示如何配置和运行LEADTOOLS文档查看器演示与文档服务。
| 概述 | |
|---|---|
| 总结 | 本教程介绍如何正确运行LEADTOOLS文档查看器演示。 |
| 完成时间 | 5 - 10分钟 |
| 平台 | HTML5 / JS |
| IDE | Visual Studio 2017, 2019 |
| 开发许可 | 下载LEADTOOLS |
所需的知识
请务必下载并安装LEADTOOLS SDK，并确保您的许可证和密钥文件位于您的< INSTALL_DIR > \ LEADTOOLS22 \ \共同支持\许可证目录中。
打开文档查看器演示
已安装的LEADTOOLS SDK包括HTML5/JavaScript文档查看器演示，演示了SDK提供的许多功能。
首先，导航到中的演示文件资源管理器。一旦安装了LEADTOOLS SDK，可以在以下目录中找到演示:
< INSTALL_DIR > \ LEADTOOLS22 \ \ \观众JS \ DocumentViewerDemo例子
演示包括一个DocumentViewerDemo.sln解决方案文件。此Visual Studio解决方案包含2个c# ASP。NET Projects，一个用TypeScript写的(DocumentViewerTypeScript)和一个用JavaScript编写的(主题是)．
在Visual Studio中打开解决方案，并探索现有的资源和选项。决定要编译哪种类型的项目，以及是否使用TypeScript演示。
TypeScript演示在修改和构建时，将编译到JavaScript项目中。TypeScript项目版本是一个很好的选择，可以简化代码阅读、调试和整个项目开发。一般来说，TypeScript平台为JavaScript ide和实践提供了高效的开发工具，比如静态检查，同时使代码更容易阅读。但是，如果不需要TypeScript项目，它就不需要了，可以简单地从解决方案中卸载或删除。
使用文档服务设置和配置Demo
文档查看器演示依赖于服务器端后端来实现它的一些功能:
- ocr识别图像
- 识别条形码
- 加载非浏览器友好的文件格式，如TIFF
- 转换和嵌入注释
文档服务是用3种不同的语言编写的。默认情况下，每个服务在部署时使用不同的端口。
| 语言 | 服务项目路径 | 默认Url | 兼容的操作系统 |
|---|---|---|---|
| net框架 | < INSTALL_DIR > \ LEADTOOLS22 \ \例子文档\ JS \ DocumentServiceDotNet \外汇 |
http://localhost:40000/ |
窗户 |
| net核心 | < INSTALL_DIR > \ LEADTOOLS22 \例子\ \ JS \ DocumentServiceDotNet \核心文件 |
http://localhost:30000/ |
Windows, Linux, Mac |
| Java | < INSTALL_DIR > \ LEADTOOLS22 \ \ \ JS \ DocumentServiceJava文档示例 |
http://localhost:8080/ |
Windows, Linux, Mac |
默认情况下，Document Viewer Demo配置为与. net Framework服务一起工作。要更改URL以使用另一个服务URL，只需打开< INSTALL_DIR > \ LEADTOOLS22 \例子\ \ JS站点\ DocumentViewerDemo \ \ serviceConfig.json观众并修改serviceHost值转换为正确的URL:
｛“serviceHost”：“http://localhost: 40000”，“servicePath”：＂＂，“serviceApiPath”：“api”，｝
运行.NET框架文档服务
. net框架文档服务有两个不同的项目可以打开。的DocumentService.csproj使用本地引用< INSTALL_DIR > \ LEADTOOLS22 \ Bin \ Dotnet4 \ < CPU_ARCH >，以及DocumentService_Nuget.csproj使用NuGet包。选择一个要使用的，并在Visual Studio中打开它。
通过Visual Studio运行项目，并探索现有的资源和选项。决定要编译的项目类型，以及是否使用NuGet包。
运行.NET核心文档服务
.NET核心文档服务DocumentService.csproj使用NuGet包。这个项目可以在任何安装了。net Core的操作系统上构建和运行。它可以通过Windows上的Visual Studio运行IIS Express。
当在Linux或Visual Studio外部运行时，运行dotnet发布将应用程序从开发环境打包到一个目录中(例如，本\调试\ netcoreapp2.1 \发布)．复制新的发布目录到机器的所需位置，然后测试应用程序使用dotnet DocumentService.dll并浏览到URL。
运行Java文档服务
要设置与LEADTOOLS文档服务一起使用的Java环境，请参阅此处的PDF:< INSTALL_DIR > \ LEADTOOLS22 \例子\ \ JS \ Services \ \ JavaDocumentViewerSetup.pdf帮助文档
使用服务运行查看器项目
文档服务正在运行，文档查看器演示也已正确设置为使用serviceConfig。Json文件，通过Visual Studio运行文档查看器演示。
当它启动时，它将连接到服务并加载一个默认的PDF。如果在安装过程中有任何问题，通常会在这里出现。
请注意
如果启动文档查看器演示程序时没有运行文档服务，则浏览器中将打开一个带有消息的对话框
无法到达LEADTOOLS文档服务。重试上述步骤，以验证Document Viewer Demo正在使用正确的URL，并且服务正在积极运行。如果两者都正确设置，请检查控制台在浏览开发工具(F12)列出的任何错误。
加载文件
设置好所有内容并将默认PDF加载到查看器后，现在可以通过文件菜单。有4种不同的加载文档的方法:
对话框菜单中的4种不同方法:
4种方法如下表所示:
| 菜单项 | 描述 |
|---|---|
| 打开本地文件 | 从客户端系统打开一个本地文件 |
| 从URL打开 | 从URL打开文件 |
| 从缓存打开 | 打开已保存到服务器上“文档查看器”缓存中的文件 |
| 从云存储开放 | 从连接的云提供商(如SharePoint、谷歌Drive或One Drive)打开 |
出口单据
当文档准备保存时，可以将其导出为与原始文档不同的格式。要这样做，请打开文件菜单中,选择出口并选择所需的选项。
更改属性
文档查看器演示有许多设置和选项，可以根据需要进行调整。有客户端设置和服务器端设置。在服务器端和客户端都有设置的情况下，服务器端设置优先。
更改客户端属性
选择首选项菜单项，然后单击文档查看器选项。根据需要修改任何设置，然后单击应用实施这些变化。
更改服务器端属性
在Server项目中，使用以下任何文件修改设置:
| 语言 | 设置文件路径 |
|---|---|
| net框架 |
|
| net核心 |
|
| Java |
|
请注意
在修改.NET Framework和.NET Core项目的属性时，请确保要修改的文件是
\ DocumentServiceDotNet \ src \文件夹中没有\ DocumentServiceDotNet \外汇或\ DocumentServiceDotNet \核心文件夹，因为它们只是src \ appsettings.json。对它们的任何修改都会被src \ appsettings.json在构建时存档。
总结
本教程展示了如何将LEADTOOLS Document Viewer Demo连接和配置到文档服务，以及如何加载和导出文档，以及如何修改客户端和服务器端的设置。
