本教程将展示如何使用Angular设置LEADTOOLS运行时许可。在使用SDK的任何功能之前,必须设置有效的运行时许可。有关如何获得运行时许可证的说明,请参阅获取License.
概述 | |
---|---|
总结 | 本教程演示如何使用Angular和JavaScript设置LEADTOOLS运行时许可。 |
完成时间 | 15分钟 |
Visual Studio项目 | 下载教程项目(158kb) |
平台 | Angular Web应用 |
IDE | Visual Studio 2017, 2019, Visual Studio代码-客户端 |
开发许可 | 下载LEADTOOLS |
用另一种语言试试 |
|
确保您的机器上安装了Node.js,因为本教程和项目将使用Node.js。下面是Node.js的下载链接:
注意:
如果下载上面的示例项目,则需要安装所需的依赖项。为此,打开终端窗口和
cd
进入项目文件夹。执行以下代码安装节点模块:npm安装
首先,通过打开终端窗口并运行下面的命令来安装Angular CLI:
NPM install -g @angular/cli
为应用程序创建一个新的工作空间目录。接下来,cd
进入工作空间目录并运行以下命令初始化应用程序:
添加引用和设置许可证
注意:
ng new命令提示您输入初始应用程序中包含的特性的信息输入或返回关键。Angular CLI会安装必要的Angular npm包和其他依赖项。这可能需要几分钟。CLI创建一个新的工作空间和一个简单的Welcome应用程序,准备运行。
导航到资产
文件夹中的src
目录中。创建一个新文件夹并命名该文件夹LEADTOOLS
.把你的Leadtools.lic.txt
而且Leadtools.lic.key.txt
文件放到这个新创建的文件夹中。
导航回资产
文件夹中的src
目录中。复制并粘贴下面的内容js
而且ts
文件到资产
文件夹中。
的LEADTOOLSjs
文件位于这里:< INSTALL_DIR > \ LEADTOOLS22 \ Bin \ JS \
Leadtools.js
Leadtools.d.ts
Leadtools.js
是LEADTOOLS JavaScript支持的内核,所有其他库都需要它。
打开index . html
项目文件夹中的文件。控件中添加以下必要的脚本标记头导入应用程序逻辑和LEADTOOLS依赖项。
<! doctype html>
<html lang = "恩">
<头>
<元charset = " utf - 8 ">
<标题>Myapp</标题>
<基地href = " / ">
<Meta name="viewport" content="width=device-width, initial-scale=1">
<链接rel="icon" type="image/x-icon" href="favicon.ico">
<——导入LEADTOOLS内核——>
<脚本src = " /资产/ Leadtools.js "></脚本>
<——用我们的LEADTOOLS逻辑导入脚本——>
<脚本src = " /资产/ ltlogic.js "></脚本>
</头>
<身体>
<app-root></ app-root>
</身体>
</ html>
在资产
文件夹创建一个新的JavaScript文件,命名为ltlogic.js
.该文件将添加LEADTOOLS集许可调用。从下面两个选项中添加适当的代码块。
如果你有JS许可证(LEADTOOLS.LIC.TXT)和密钥文件(LEADTOOLS.LIC.KEY.TXT),你可以使用下面的代码来设置你的许可证:
窗口。onload =函数() {
如果(lt.RasterSupport.kernelExpired) {
varlicenseUrl =”。/资产/ LEADTOOLS / LEADTOOLS.lic.txt”;
vardeveloperKey ="添加LEADTOOLS.lic.key.txt文件的内容";
lt.RasterSupport。setLicenseUri (licenseUrl developerKey,函数(
setLicenseResult) {
//查看license状态
如果(setLicenseResult.result) {
console.log (“成功设置LEADTOOLS客户端许可证。”);
}
其他的{
var味精=\nError:\nLEADTOOLS许可证丢失,无效或过期;
console.log(味精);
警报(味精);
}
});
}
}
重要提示:
的值进行替换
developerKey
带有许可密钥文本文件内容的字符串。
如果你正在评估并且没有JS许可证或密钥文件,你可以使用下面的代码来设置你的许可证:
窗口。onload =函数() {
如果(lt.RasterSupport.kernelExpired) {
varlicenseUrl =“https://demo.leadtools.com/licenses/js/LEADTOOLSEVAL.txt”;
vardeveloperKey =“EVAL”;
lt.RasterSupport。setLicenseUri (licenseUrl developerKey,函数(
setLicenseResult) {
//查看license状态
如果(setLicenseResult.result) {
console.log ("LEADTOOLS客户端许可证设置成功");
}
其他的{
var味精=\nError:\nLEADTOOLS许可证丢失,无效或过期;
console.log(味精);
警报(味精);
}
});
}
}
打开一个终端窗口,并导航到项目的src
文件夹中。使用以下命令运行应用程序:
npm开始
服务器应该启动并运行http://localhost:4200/
.控制台中应该出现一条消息,指示服务器的可用位置。
打开浏览器并导航到http://localhost:4200/
.在开发人员控制台中显示以下消息(F12),以通知许可证已成功设置。
本教程展示了如何在Angular应用程序中设置客户端LEADTOOLS许可。