electron
文章平均质量分 73
自增程序员
电子产品爱好者,尤其喜欢手机,软件开发工程师,主攻Java,Android
展开
-
electron-vue跨平台桌面应用开发实战教程(十二)——集成加密版的sqlite3:sqlcipher
本文主要讲解集成及使用sqlcipher,一个可以加密的sqlite。sqlcipher官方npm地址:https://www.npmjs.com/package/@journeyapps/sqlcipher由于和sqlite的功能一样,只是增加了加密的功能,所以具体安装方法请参照:https://blog.csdn.net/David1025/article/details/104540050,1. 安装sqlcipher依赖npm install "@journeyapps/sqlcipher.原创 2020-08-11 22:09:17 · 1833 阅读 · 0 评论 -
electron开发常见问题——win7平台下白屏
electron在windows平台下需要.net framework4.6或者更高的版本支持,所以在win7上需要先安装.net framework4.6,才能正常运行原创 2020-03-13 10:21:40 · 5907 阅读 · 3 评论 -
electron-vue跨平台桌面应用开发实战教程(十一)——electron-updater应用更新
本文主要讲解electron如何执行使用electron-updater更新应用1.安装electron-updaternpm install electron-updater --save-dev2.编写更新代码const { autoUpdater } = require('electron-updater')ipcMain.on('checkForUpdate', e =&...原创 2020-03-11 17:48:34 · 789 阅读 · 0 评论 -
electron-vue跨平台桌面应用开发实战教程(十)——执行cmd命令
本文主要讲解electron如何执行cmd命令通常我们有些功能是需要借助外部程序才能完成的,例如通过我们写的electron启动nginx或者获取本机的一些信息。执行cmd命令不需要安装额外的依赖,使用node的child_process模块即可完成这个功能。1.引用child_process模块import { exec } from 'child_process'2.执行CMD...原创 2020-03-03 16:35:11 · 1928 阅读 · 1 评论 -
electron-vue跨平台桌面应用开发实战教程(九)——集成sqlite3
本文主要讲解集成及使用sqlite3在开始之前,同样需要安装node-gyp和windows-build-tools,具体安装方法请参照:https://blog.csdn.net/David1025/article/details/1044617231. 安装sqlite3依赖npm install sqlite3 --save安装完成之后,需要再运行一下(否则会出现找不到sqli...原创 2020-02-27 17:27:46 · 2518 阅读 · 14 评论 -
electron-vue跨平台桌面应用开发实战教程(八)——edgejs调用C# dll
本文来介绍下怎么使用electron-edge-js来调用C#动态链接库,由于是调用C#动态链接库,所以也只能在windows平台上使用,这一点需要注意在开始之前,同样需要安装node-gyp和windows-build-tools,具体安装方法请参照上一篇1.安装electron-edge-jsnpm install electron-edge-js --save2.准备C# dl...原创 2020-02-25 18:38:22 · 2605 阅读 · 2 评论 -
electron-vue跨平台桌面应用开发实战教程(七)——ffi调用C++(macOS平台)
electron功能很强大,但是有一些跟操作系统底层交互的功能,electron无法实现,这个时候我们就可以调用原生来配合完成对应功能,本文主要讲解在macOS平台下,调用C++的dylib文件在开始之前我们要安装1.node-gypnpm install node-gyp -g使用ffi-napi调用dll(c++)1. 安装ffi-napi执行npm install ffi...原创 2020-02-25 14:31:27 · 1660 阅读 · 0 评论 -
electron-vue跨平台桌面应用开发实战教程(七)——ffi调用C++(Windows平台)
electron功能很强大,但是有一些跟操作系统底层交互的功能,electron无法实现,这个时候我们就可以调用原生dll来配合完成对应功能,本文主要讲解在windows平台下,调用C#的dll文件使用electron-edge-js调用dll(c#)1. 安装electron-edge-js执行npm i electron-edge-js...原创 2020-02-25 11:32:20 · 3899 阅读 · 3 评论 -
electron-vue跨平台桌面应用开发实战教程(六)——打包
前边几篇文章介绍了一些基本用法,最终都是要打包成可执行应用程序的,今天我们就讲讲怎么打包1. 设置应用appId在package.json 中增加"appId": "com.ipp.electronvue",2. 增加vue.config.js这个文件是用来配置打包工具electron-builder的参数,代码中有对应的注释,按照对应的配置修改为自己的图标就好。module.e...原创 2020-02-25 10:59:09 · 2260 阅读 · 7 评论 -
electron-vue跨平台桌面应用开发实战教程(五)——系统通知&托盘
前几篇文章,我们介绍了一些开发中经常用到的功能,这篇文章我们主要是讲解下怎么发送系统通知,设置托盘1.系统通知其实Electron的系统通知比较简单,是用HTML5的Notification实现的,但是在这儿需要注意的是,windows平台发送通知是需要为程序设置appId(下一篇文章我们讲解下Electron怎么打包,怎么设置应用程序图标)。通知一共有两种调用方式HTML5 Not...原创 2020-02-23 14:33:43 · 1632 阅读 · 0 评论 -
electron-vue跨平台桌面应用开发实战教程(四)——窗口样式&打开新窗口
本文我们讲解下怎么修改窗口样式,系统默认的窗口非常普通,通常与设计不符,所以我们要自定义,接下来我们讲解下怎么去掉原有样式,怎么实现实现窗口的最小化,最大化和关闭按钮。还有怎么打开一个新页面前三篇文章传送门electron-vue跨平台桌面应用开发实战教程(一)——Hello Worldelectron-vue跨平台桌面应用开发实战教程(二)——主进程常用配置electron-vue跨...原创 2020-02-21 11:52:10 · 3349 阅读 · 1 评论 -
electron-vue跨平台桌面应用开发实战教程(三)——动态修改窗口大小
前边两篇文字简单介绍了一下怎么搭建electron-vue项目,主进程的基本配置,主进程和渲染进程之间的通讯,有了这些基础知识之后,我们就能开发一个应用了。这里我们开发一款密码管理器。现在各种不同类型的网站越来越多,我们注册的账号也越来越多,对应的密码也越来越多,我们也不可能都设置同样的密码,加入一个网站被黑了,我们的密码有可能被泄露了,这是非常可怕的。所以我们做一款密码管理器。主要包含以下...原创 2020-02-20 11:37:46 · 4521 阅读 · 10 评论 -
electron-vue跨平台桌面应用开发实战教程(二)——主进程常用配置
在上一篇文章中我们搭建了一个electron和vue集成的项目,本文主要是对electron的background.js也就是主进程做下介绍electron 主要分为主进程(background.js)和渲染进程(也就是vue开发的页面)。主进程的主要主要作用:创建渲染进程管理应用程序的生命周期与系统底层交互在此处主要讲解可以在主进程中设置进行哪些配置...原创 2020-02-18 16:21:18 · 3355 阅读 · 0 评论 -
electron-vue跨平台桌面应用开发实战教程(一)——项目搭建
本文将带领大家使用vue-cli + electron-builder构建一个Hello WorldElectron是一个基于Chromium和 Node.js,可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架,兼容 Mac、Windows 和 Linux。在开始搭建项目之前,需要安装以下工具node.js1 创建项目1.1 安装vue-cli先查看...原创 2020-02-18 11:01:28 · 5935 阅读 · 10 评论