如何通过Nw.js纯前端实现调用热敏打印机打印小票?

本文介绍了如何通过Nw.js在前端应用中实现调用热敏打印机打印小票的需求。首先阐述了项目背景,然后详细说明了获取打印机列表和按格式打印内容的功能点。最后提供了项目的代码使用步骤、主要文件和github项目地址。
摘要由CSDN通过智能技术生成

1. 需求背景

前段时间公司项目需要在商户电脑上调用商户自己的热敏打印机打印商户的客户的购物小票(如下图),但FE的纯js显然不能实现该功能,因此采用nw来实现。




当时的项目已有一个web页面,因此在nw里将已有的html页面嵌入了iframe,与nw内实现的打印功能通过postMessage通信。但本篇重点介绍如何打印小票,这些通信以及nw的其他使用就不再占用篇幅了。


2. 功能点

  • 获取用户打印机列表,让用户选择当前使用的打印机
  • 按照格式打印所需内容


3. 最终代码使用

调用封装后的功能:

const printer = require('./printer.js')

function getPrinterList() {  
    const list = printer.getPrinterList()  
    const res = []  
    list.forEach(item => res.push(item.name))  
    return res
}

// 获取当前打印机列表
const printerList = getPrinterList()
// 暂定使用打印机为第一个
const printerName = printerList[0]
// mock订单数据
const mockData = {  id: 001,  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值