本教程将展示如何使用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.jsLeadtools.d.tsLeadtools.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许可。