前端采用electron-hiprint控件实现静默打印

1、功能需求

在进行点击打印调用PDF打印功能时候,每一次打印都需要进行手动预览确认

需要进行批量打印+静默直接打印

2、插件介绍

electron-hiprint: vue-plugin-hiprint 直接打印客户端;web无预览打印;支持 Mac、Win、Linux 系统;支持 IPP 打印、获取 MAC、IP 地址等 - Gitee.com

2.1 基本流程

2.1.1 下载插件,npm i ,npm run start

2.1.2安装依赖

在项目中财用通过 socket.io (默认端口 17521)提供服务。

复制代码
npm install socket.io-client@4 --save

2.1.3项目引用+创建实例

javascript 复制代码
import { io } from "socket.io-client";

const Socket = io("http://localhost:17521", {
  transports: ["websocket"],
  auth: {
    token: "vue-plugin-hiprint",
  },
});

Socket().on('success', res => {

  });
Socket.on('error', err => {
//这里有问题需要自己在源码中进行修改抛出的err.message
});

Socket.on('printerList', printerList => {
                           
console.log('打印机列表', printerList);
});

Socket.on('connect', () => {

console.log('Socket 连接成功');
});

Socket.on('connect_error', () => {
console.log('Socket 错误关闭连接');
getSocket().close();//关闭实例
});

2.1.4 进行各项回调监听

连接成功监听、连接失败监听(文档里没写)、打印成功监听、打印失败监听、获取电脑打印机列表监听(可以主动获取)

2.2进行调用打印

批量打印进行循环调用(批量打印的所有成功失败回调会单独调用监听。需要自己判断成功失败的条数与总数进行二次判断)

javascript 复制代码
// 非vue-plugin-hiprint
socket.emit("news", {
  client,
  printer,
  type: "url_pdf",
  templateId: "自定义Id,用于判断任务是否成功",
  pdf_path: "网络PDF的下载url",
});

参数项

javascript 复制代码
{
    client?: string; // 客户端id,连接中转服务必填
    printer?: string; // 打印机名称
    pages?: string; // 打印页数
    subset?: string; // 奇偶页 even、odd
    orientation?: string; // 纸张方向 portrait、landscape
    scale?: string; // 缩放 noscale、shrink、fit
    monochrome?: boolean; // 黑白打印 true、false
    side?: string; // 单双面 duplex, duplexshort, duplexlong, and simplex
    bin?: string; // select tray to print to
    paperName?: string; // 纸张大小 A2, A3, A4, A5, A6, letter, legal, tabloid, statement
    silent?: boolean; // Silences error messages.
    printDialog?: boolean; // 显示打印对话框 true、false
    copies?: number; // 打印份数
}

二开的打包、如果只进行win32进行打包就直接调用打包命令就可以了

如果要打包到别的环境比如linux。mac等 就需要自己进行特定环境打包

也可以在作者分支上fock进行tag再次打包

相关推荐
天平4 小时前
油猴脚本创建webworker踩坑记录
前端·javascript·typescript
原则猫5 小时前
前端基础大厦
前端
陈随易6 小时前
编程语言级别的Skill市场,AI Agent 的未来形态
前端·后端·程序员
SoaringHeart7 小时前
Flutter进阶:基于 EasyRefresh 的下拉刷新封装 n_easy_refresh_mixin.dart
前端·flutter
IT_陈寒9 小时前
Vite的热更新突然不香了,排查三小时差点砸键盘
前端·人工智能·后端
子兮曰10 小时前
Agency-Agents 深度解析:400+ AI 专家的"梦之队"如何重塑开发工作流
前端·后端·vibecoding
山河木马10 小时前
渲染管线-计算得到gl_Position(顶点着色器)之后续GPU流程
javascript·webgl·图形学
竹林81810 小时前
用 The Graph 查询链上数据实战:从手搓 RPC 到 Subgraph,我的 NFT 项目数据加载快了 10 倍
前端·javascript
妙码生花11 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十九):点选验证码代码逐行目检
前端·后端·go
Awu122711 小时前
⚡从零开发 Agent CLI(五)实现一个可治理、可扩展的工具系统
前端·人工智能·claude