本教程展示如何开始与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
许可证文件到地方政府投资公司
文件夹中。注意,许可证的结局. txt
JavaScript。许可文件,不会结束. 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应用程序使用打印稿。