文章目录
- 前言
- 一、Lodop支持打印的方式
- lodop 打印方式一般有3种：
- 本地打印
- 局域网集中打印
- 广域网AO打印
- 二、集成步骤
- 查看lodop 插件的服务端口：
- 查看ip
- 后端提供接口返回ip，前端动态获取
- 最后步骤
前言
有时候会根据不同的ip来获取资源文件，这里遇到场景，通过不同的局域网ip来获取本地资源。是Lodop 实现局域网打印的必要步骤之一。 Ip 与 客户端（H5之类的）的打印的指定打印机，可以通过2个字段，mobilePrinter ，ip 之类的让后端维护在数据库。
一、Lodop支持打印的方式
参考链接 ：http://www.c-lodop.com/demolist/t1.html
lodop 打印方式一般有3种：
本地打印
这种就是pc端，下载lodop插件。一般开发pc端系统项目会用到
局域网集中打印
这种可以实现通过客户端，我这里用的是h5，发送指令到安装了lodop打印插件的电脑，实现打印。打印机选择的是安装lodop插件的电脑，连接的打印机。
广域网AO打印
这种还没实践过，暂不讨论，由需要可以参考上面的连接文档。
二、集成步骤
查看lodop 插件的服务端口：
查看ip
终端输入 ipconfig， 查看ip。
后端提供接口返回ip，前端动态获取
问Ai 给出的代码,其中XXXIP 通过接口获取后，可以缓存下来。
// 动态加载脚本的函数function loadScript() {return new Promise((resolve, reject) => {const XXXIP= localStorage.getItem(XXXIP)let url= `http://${XXXIP}/CLodopfuncs.js`const script = document.createElement('script')script.src = urlscript.onload = () => resolve(url)script.onerror = () => reject(false)document.head?.appendChild(script)})}
脚本加载其实主要是 CLodop 对象， 同时与电脑lodop 连接一个websoket 的通信，实现传送打印指令。
最后步骤
获取 LODOP 进行打印。
LODOP.PRINT_INIT("");
LODOP.ADD_PRINT_TEXT(5,49,151,30,"打印测试");
// 其他自定义需求
LODOP.PRINT();
