electron-vue静默打印2019最新解决方案（含源码）

xzavier 发布于2019-08-23 17:01 / 3281人阅读

摘要：项目环境代码完成时间废话不多说，先放源码安装依赖运行项目打包项目目录结构先在主进程引入在方法里添加以下代码，获取打印机列表在主线程下，通过对象监听渲染线程传过来的事件在主线程中获取打印机列表通过发送事件到渲染线程，同时将

项目环境

node 10.15.3
yarn 1.15.2
win10
代码完成时间2019-4-18

废话不多说，先放源码

GitHub

https://github.com/951477037/electron-print

git clone https://github.com/951477037/electron-print.git

//安装依赖
yarn

//运行项目
yarn run dev

//打包项目
yarn run build

目录结构

先在主进程 /src/main/index.js

//引入ipcMain
import {
  app,
  BrowserWindow,
  ipcMain
} from "electron"

在createWindow方法里添加以下代码，获取打印机列表

  //在主线程下，通过ipcMain对象监听渲染线程传过来的getPrinterList事件
  ipcMain.on("getPrinterList", (event) => {
    //在主线程中获取打印机列表
    const list = mainWindow.webContents.getPrinters();
    //通过webContents发送事件到渲染线程，同时将打印机列表也传过去
    mainWindow.webContents.send("getPrinterList", list);
  });

接下来在LandingPage.vue中也就是渲染进程中添加一下代码

const ipcRenderer = require("electron").ipcRenderer;

//使用ipcRenderer与主进程通信，并获取返回值
ipcRenderer.send("getPrinterList");
//监听主线程获取到打印机列表后的回调
ipcRenderer.once("getPrinterList", (event, data) => {
//data就是打印机列表
console.log(data);
});

输出结果如下

重点来了！！！
在static中新建一个print.html文件（如果你害怕打包后会找不到的话，我在最后会提供一个方法不知道你看得仔不仔细），如下图所示

如果不在static中新建的话会报错（具体原因我明没有深入去研究）




    
    
    
    
    Document
    



    
        {{v}}

创建完成，回到LandingPage.vue中添加以下代码
注意两个参数

silent  是否静默打印
deviceName  打印机名字

把deviceName换成你自己的打印机名字

运行代码

打包的方法！！！
打包前在package.json中修改

"win": {

      "icon": "build/icons/icon.ico",

      "extraResources": "./static/*.html"

    },

打包后，electron-printbuildwin-ia32-unpackedresources中就会存在static

static中

如果觉得有用请点个赞，转发请注明来源，谢谢

GPU云服务器云服务器 asp证书打印源码 asp源码打印系统最新网站源码 webrtc最新源码

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103673.html

关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

sutaking 2019-08-02 15:17 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

khs1994 2019-08-23 18:08 评论0 收藏0
【收藏】2019年最新Vue相关精品开源项目库汇总

摘要：前言本文的前身是源自上的项目但由于该项目上次更新时间为年月日，很多内容早已过期或是很多近期优秀组件未被收录，所以小肆今天重新更新了内容并新建项目。提交的项目格式如下项目名称子标题相关介绍如果收录的项目有错误，可以通过反馈给小肆。前言本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时间为2017年6月12日，很多内容早已过期或是很多近期优...

williamwen1986 2019-08-23 14:50 评论0 收藏0