electron-vue靜默打印2019最新解決方案（含源碼）

xzavier 發布于2019-08-23 17:01 / 3283人閱讀

摘要：項目環境代碼完成時間廢話不多說，先放源碼安裝依賴運行項目打包項目目錄結構先在主進程引入在方法里添加以下代碼，獲取打印機列表在主線程下，通過對象監聽渲染線程傳過來的事件在主線程中獲取打印機列表通過發送事件到渲染線程，同時將

項目環境

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最新源碼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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