摘要:項(xiàng)目環(huán)境代碼完成時(shí)間廢話不多說(shuō),先放源碼安裝依賴運(yùn)行項(xiàng)目打包項(xiàng)目目錄結(jié)構(gòu)先在主進(jìn)程引入在方法里添加以下代碼,獲取打印機(jī)列表在主線程下,通過(guò)對(duì)象監(jiān)聽(tīng)渲染線程傳過(guò)來(lái)的事件在主線程中獲取打印機(jī)列表通過(guò)發(fā)送事件到渲染線程,同時(shí)將
node 10.15.3
yarn 1.15.2
win10
代碼完成時(shí)間2019-4-18
GitHub
https://github.com/951477037/electron-print
git clone https://github.com/951477037/electron-print.git
//安裝依賴 yarn
//運(yùn)行項(xiàng)目 yarn run dev
//打包項(xiàng)目 yarn run build
目錄結(jié)構(gòu)
先在主進(jìn)程 /src/main/index.js
//引入ipcMain import { app, BrowserWindow, ipcMain } from "electron"
在createWindow方法里添加以下代碼,獲取打印機(jī)列表
//在主線程下,通過(guò)ipcMain對(duì)象監(jiān)聽(tīng)渲染線程傳過(guò)來(lái)的getPrinterList事件 ipcMain.on("getPrinterList", (event) => { //在主線程中獲取打印機(jī)列表 const list = mainWindow.webContents.getPrinters(); //通過(guò)webContents發(fā)送事件到渲染線程,同時(shí)將打印機(jī)列表也傳過(guò)去 mainWindow.webContents.send("getPrinterList", list); });
接下來(lái)在LandingPage.vue中也就是渲染進(jìn)程中添加一下代碼
const ipcRenderer = require("electron").ipcRenderer;
//使用ipcRenderer與主進(jìn)程通信,并獲取返回值 ipcRenderer.send("getPrinterList"); //監(jiān)聽(tīng)主線程獲取到打印機(jī)列表后的回調(diào) ipcRenderer.once("getPrinterList", (event, data) => { //data就是打印機(jī)列表 console.log(data); });
輸出結(jié)果如下
重點(diǎn)來(lái)了?。?!
在static中新建一個(gè)print.html文件(如果你害怕打包后會(huì)找不到的話,我在最后會(huì)提供一個(gè)方法不知道你看得仔不仔細(xì)),如下圖所示
如果不在static中新建的話會(huì)報(bào)錯(cuò)(具體原因我明沒(méi)有深入去研究)
Document {{v}}
創(chuàng)建完成,回到LandingPage.vue中添加以下代碼
注意兩個(gè)參數(shù)
silent 是否靜默打印 deviceName 打印機(jī)名字
把deviceName換成你自己的打印機(jī)名字
運(yùn)行代碼
打包的方法?。。?br>打包前在package.json中修改
"win": { ? "icon": "build/icons/icon.ico", ? "extraResources": "./static/*.html" ? },
打包后,electron-printbuildwin-ia32-unpackedresources中就會(huì)存在static
static中
如果覺(jué)得有用請(qǐng)點(diǎn)個(gè)贊,轉(zhuǎn)發(fā)請(qǐng)注明來(lái)源,謝謝
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/103673.html
摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥(niǎo)雀呼晴,侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟,夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...
摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥(niǎo)雀呼晴,侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟,夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...
摘要:前言本文的前身是源自上的項(xiàng)目但由于該項(xiàng)目上次更新時(shí)間為年月日,很多內(nèi)容早已過(guò)期或是很多近期優(yōu)秀組件未被收錄,所以小肆今天重新更新了內(nèi)容并新建項(xiàng)目。提交的項(xiàng)目格式如下項(xiàng)目名稱子標(biāo)題相關(guān)介紹如果收錄的項(xiàng)目有錯(cuò)誤,可以通過(guò)反饋給小肆。 前言 本文的前身是源自github上的項(xiàng)目awesome-github-vue,但由于該項(xiàng)目上次更新時(shí)間為2017年6月12日,很多內(nèi)容早已過(guò)期或是很多近期優(yōu)...
閱讀 3023·2021-10-14 09:42
閱讀 3806·2021-08-11 11:19
閱讀 3612·2019-08-30 13:57
閱讀 3214·2019-08-30 13:49
閱讀 1610·2019-08-29 18:38
閱讀 962·2019-08-29 13:16
閱讀 1909·2019-08-26 13:25
閱讀 3293·2019-08-26 13:24