本教程展示如何开始与LEADTOOLS SDK NodeJS NPM项目使用打印稿。
| 概述 | |
|---|---|
| 总结 | 本教程介绍了如何设置一个许可证在NodeJS NPM项目使用打印稿。 |
| 完成时间 | 30分钟 |
| Visual Studio项目 | 下载教程项目(160 KB) |
| 平台 | NodeJS NPM项目 |
| IDE | Visual Studio代码——客户端 |
| 运行许可证 | 下载LEADTOOLS |
| 试试用另一种语言 |
|
本教程使用一个文本编辑器,如Visual Studio代码来创建和修改必要的脚本文件。
此外,确保NodeJS安装。本教程使用了http服务器控制台命令,运行一个静态文件服务器。下面是相应的下载链接:
执行命令在本教程中使用PowerShell / CommandPrompt(如果使用Windows)或一个终端窗口(如果使用基于unix的系统)。
请注意
如果你下载上面的示例项目中,需要安装所需的依赖关系。为此,运行下面的代码安装节点模块:
npm安装
导航到创建项目目录位置创建一个JSON文件,和名称package.json。这是NPM项目的主要配置文件持有项目的元数据。
本教程使用下面的值的package.json文件:
{“名称”:“lt-set-license”,“版本”:“1.0.0”,“作者”:{“名称”:“技术领先,公司。”,“url”:“//m.ahtuanjie.com/”},“许可证”:“无证”,“私人”:真正的,“脚本”:{“构建”:“tsc -项目/ ts / tsconfig.json”。,“开始”:“http服务器。/网站- o -主机- p 20107歌珥,沉默”}}
为脚本值时,构建脚本transpiles打印稿成JavaScript的输出网站文件夹中。的开始脚本将运行http服务器将主机的内容吗网站在本地文件夹。
一旦创建,安装http服务器和tsc包开发依赖通过执行下面的命令:
http服务器:npm安装-save-dev http服务器
打字稿:npm安装-save-dev打印稿
创建一个网站在项目的根文件夹的文件夹。这个文件夹包含的文件将主办的http服务器。
做一个网站\ LEADTOOLS子文件夹。复制粘贴的LEADTOOLS.lic.txt和LEADTOOLS.lic.key.txt许可证文件到地方政府投资公司文件夹中。注意,许可证的结局. txtJavaScript。许可文件,不会结束. txt服务器和桌面应用程序。许可文件中可以找到以下目录:< INSTALL_DIR > \ LEADTOOLS22 \ \共同支持\许可证
创建一个ts在项目的根文件夹的文件夹。这个文件夹将打印稿脚本文件。
导航到ts路径和运行以下命令初始化tsconfig.json文件:npx tsc -初始化
打开tsconfig.json文件在文本编辑器中,使用以下代码:
{“compilerOptions”:{“目标”:“es5”,“模块”:“没有”,“outDir”:“. . /网站”,“类型”:【“. . / leadtools_modules / @types / Leadtools”]}}
的outDir值集打印稿的目录将transpile JS文件的输出。的类型价值增加的类型定义文件LEADTOOLS项目中的对象。
导航到项目的根目录并创建文件夹leadtools_modules / @types并添加Leadtools.d.ts类型定义脚本文件。TS类型定义文件中可以找到以下目录:< INSTALL_DIR > \ LEADTOOLS22 \ Bin \ JS
创建一个TS文件的ts上一步创建的文件夹,和名称Index.ts。在文本编辑器中打开这个文件,并添加下面的代码:
document.addEventListener (“DOMContentLoaded”内,()= > {(新lt.MyModule.SetLicense ()) .run ();});
应用程序的代码,创建子文件夹ts \应用并创建一个TS文件命名SetLicense.ts。这个文件就是LEADTOOLS设置许可协议调用将被添加。在文本编辑器中打开这个文件,例如Visual Studio代码,并添加适当的代码块从下面的两个选项。
如果你有一个JS许可证(LEADTOOLS.LIC.TXT)和密钥文件(LEADTOOLS.LIC.KEY.TXT),使用下面的代码来设置你的许可证:
模块lt.MyModule {出口类SetLicense {公共run ():无效{varlicenseUrl =“LEADTOOLS / LEADTOOLS.lic.txt”;vardeveloperKey =“添加LEADTOOLS.lic.key的内容。txt文件”;lt.RasterSupport。setLicenseUri (licenseUrl developerKey,函数(setLicenseResult) {/ /检查许可证的状态如果(setLicenseResult.result) {console.log (“LEADTOOLS客户许可设置成功”);}其他的{var味精=“LEADTOOLS许可证是失踪,无效或过期\ nError: \ n”;console.log(味精);警报(味精);}});}}}
请注意
确保替换的值developerKey字符串的内容许可证密钥文本文件。
如果你是评估和没有JS许可证或密钥文件,您可以使用下面的代码来设置您的许可:
模块lt.MyModule {出口类SetLicense {公共run ():无效{varlicenseUrl =“https://demo.leadtools.com/licenses/js/LEADTOOLSEVAL.txt”;vardeveloperKey =“EVAL”;lt.RasterSupport。setLicenseUri (licenseUrl developerKey,函数(setLicenseResult) {/ /检查许可证的状态如果(setLicenseResult.result) {console.log (“LEADTOOLS客户许可设置成功”);}其他的{var味精=“LEADTOOLS许可证是失踪,无效或过期\ nError: \ n”;console.log(味精);警报(味精);}});}}}
导航到网站在项目的根文件夹路径和创建一个常见的文件夹中。这个文件夹包含LEADTOOLS依赖JS文件。
复制Leadtools.js文件到这个文件夹中。
JS文件中可以找到以下目录:< INSTALL_DIR > \ LEADTOOLS22 \ Bin \ JS
导航到网站在项目的根文件夹路径和创建一个index . html文件,这是主入口点的托管网站。
在这个文件中使用以下代码:
<! DOCTYPE html><html lang = "恩"><头><标题>设置一个LEADTOOLS许可证</标题><元charset =“utf - 8”/><meta name = " viewport "内容= "宽度=设备宽度,初始= 1.0”/><链接rel = "偶像" href = "数据:;base64 iVBORw0KGgo = "><——! Leadtools . js文件><脚本src = "常见/ Leadtools.js”></脚本><! SetLicense . js外商投资企业—><脚本src = " App / SetLicense.js "></脚本><脚本src = " Index.js "></脚本></头><身体></身体></ html>
执行构建脚本transpile TS脚本的输出网站文件夹:
npm运行构建
一旦完成,执行开始脚本自动启动服务器并在浏览器默认打开托管网站。
npm运行开始
以下信息将显示在开发人员控制台(F12)通知许可已经设置成功。
本教程展示了如何设置一个客户端LEADTOOLS许可在ASP。网络核心web应用程序使用打印稿。