Electron
文章平均质量分 56
ChinaLzw
#很少有人会主动接受自己的“输”,因为对大多数人来讲,“输”就等于失败。#
展开
-
electron 的中文文档的地址 以及 窗口改变的步骤
electron的中文文档的地址:http://www.kancloud.cn/wizardforcel/electron-doc/1377911、创建窗口和改变窗口import { BrowserWindow, globalShortcut, Menu } from 'electron'import Common from '../common/common.js'const winURL = process.env.NODE_ENV === 'development' ?..转载 2021-09-23 14:14:13 · 1081 阅读 · 0 评论 -
Electron-如何保护源码?
一开始听到这个需求挺懵的,作为一个聊天软件,代码里并没有所谓核心算法和商业机密,为什么需要保护源码。况且Electron本身在打包时提供了asar这种archive文件格式,会将所有源码和依赖封装。需求一阵分析后,Electron项目源码保护还是有必要的。asar只是对源码的合并归档,并不提供加密之类的操作。 通过asar e的命令,可以很简单地进行解压和得到源码。 业务上,即时通讯应用的聊天数据均存储在本地,虽然使用了加密版的sqlite3。但拿到源码,也就意味着知道了密钥,数据库加密也.转载 2021-09-01 11:47:30 · 1073 阅读 · 0 评论 -
Electron构建桌面应用教程
最近在开发电脑端应用,给大家分享下经过技术研究和已有的条件,决定采用h5打包成桌面应用程序的方案。(VSCode就是这么干的)给大家分享下我们的成果实现的原理如下:使用Electron将h5打包成绿色版,再通过InnoSetup将绿色版打包成exe安装应用,支持打包windows、macOS、Linux应用有兴趣的小伙伴可以参考我的构建桌面应用系列博文:https://blog.csdn.net/qq285679784/category_11318926.html...原创 2021-08-31 23:34:22 · 250 阅读 · 0 评论 -
asar 如何解密加密?electron 的 asar 的具体用法
在electron中,asar是个特殊的代码格式。asar包里面包含了程序猿编写的代码逻辑。默认情况下,这些代码逻辑,是放置在resource/app目录下面的,明文可见,这样的话,也就有了代码加密(asar打包)的需求。Electron小伙伴,都在这里等你asar 如何解密加密?electron 的 asar 的具体用法(图12-1)在本篇文章中,苏南大叔将要讲述的内容就是:asar工具的使用。本文的模特是:在mac下面,使用electron-packager简单打包的qui.转载 2021-08-31 22:49:47 · 4645 阅读 · 0 评论 -
Electron:electron-forge定义应用图标&app.asar加密打包&完整package.json
完整package.json{ "name": "electron-app", "productName": "electron-app", "version": "1.0.0", "description": "electron-app description", "main": "src/main.js", "scripts": { "start": "electron-forge start", "package": "electron-forge package", "原创 2021-08-31 22:43:40 · 3367 阅读 · 2 评论 -
Electron学习开发之--打包exe安装文件
下载软件包:NSIS中文版 :https://pan.baidu.com/s/1mitSQU0装好之后会出现两个软件:Nullsoft Install System 和 VNISEdit 编译环境其中Nullsoft Install System:是使用教程手册集合VNISEdit 编译环境: 才是打包exe安装程序的软件教程:1.打开VNISEdit 编译环境 软件,然后打开“文件—新建脚本:(向导)”2.3.4.5.6.7.8....转载 2021-08-31 16:46:49 · 253 阅读 · 0 评论 -
Electron: 从零开始写一个记事本app
Electron介绍简单来说,Electron就是可以让你用Javascript、HTML、CSS来编写运行于Windows、macOS、Linux系统之上的桌面应用的库。本文的目的是通过使用Electron开发一个完整但简单的小应用:记事本,来体验一下这个神器的开发过程。本文犹如Hello World一样的存在,是个入门级笔记,但如果你之前从未接触过Electron,而又对它有兴趣,某想信这会是一篇值得一看的入门教程。 PS:这篇文章是基于Windows的开发过程,未对macOS、Linux作测试转载 2021-08-31 15:15:21 · 796 阅读 · 0 评论 -
用 Electron 打造 Win/Mac 应用,从「代码」到可下载的「安装包」,可能比你想得麻烦一点
首发于酷家乐前端博客,作者@摘星(segmentfault @StinsonZhao)我们能从很多地方学习到怎么起一个 Electron 项目,有些还会介绍怎么打包或构建你的代码,但距离「真正地发行一款 Electron 产品」这一目标,还有很多工作需要做...这是 Electron 系列文章的第二篇,这一篇文章将和大家分享我是怎么去构建自动化的 Electron 开发构建工程的,说白了,就是怎么把敲的代码变成一个用户可以下载安装的包,当然随着之后应用复杂度的提升和技术再选型,工程体系可能随时会重转载 2021-08-30 22:03:57 · 1398 阅读 · 0 评论 -
Electron入门之ipcMain,ipcRenderer
ipcMain模块是类EventEmitter的实例.当在主进程中使用它的时候,它控制着由渲染进程(web page)发送过来的异步或同步消息.从渲染进程发送过来的消息将触发事件.【发消息】发送消息,事件名为channel.回应同步消息, 你可以设置event.returnValue.回应异步消息, 你可以使用event.sender.send(...).例子:// 主进程中const ipcMain = require('electron').ipcMain;ipcMain...转载 2021-08-30 14:52:53 · 2931 阅读 · 0 评论 -
electron限制只启动一个应用
electron限制只启动一个应用// ==========================================================// 限制只可以打开一个应用,2.x的文档// const isSecondInstance = app.makeSingleInstance((commandLine, workingDirectory) => {// // Someone tried to run a second instance, we should foc原创 2021-08-28 21:59:11 · 1525 阅读 · 0 评论 -
electron启动出现短暂的白屏
mainWindow = new BrowserWindow({ height: 600, width: 960, frame: false, minWidth: 710, minHeight: 500, offscreen: true, webPreferences: {webSecurity: false}, resizable: true, skipTaskbar: false, flashFrame: true, ..转载 2021-08-28 21:58:15 · 547 阅读 · 0 评论 -
uniapp项目打包为桌面应用
安装electroncnpm install electron -g安装electron-packagercnpm install electron-packager -guniapp的manifest.json修改H5打包H5文件夹下新建package.json和main.js新建package.json{ "name" : "app-name", "version" : "0.1.0", "main" : "main.js"}新.原创 2021-08-24 21:14:37 · 3129 阅读 · 0 评论 -
创建Electron应用
创建 Electron 应用 步骤官方文档地址 https://www.electronjs.org/docs应用标准目录my-electron-app├── package.json├── main.js├── preload.js└── index.html为项目安装 Electron1、新建文件夹 使用 cmd 命令行中进入文件夹(也可命令行中创建文件夹) 1.mkdir my-electron-app-name && cd my-electron-ap转载 2021-08-25 11:37:40 · 288 阅读 · 0 评论 -
electron-Menu创建原生应用菜单和上下文菜单。
当在MacOS、Windows、Linux中使用menu设置程序菜单时,会设置在各个程序窗体的顶层。Note: 如果没有在app中设置一个菜单,系统会自动生成一个默认菜单, 默认生成的菜单中包含了一些初始选项,例如 文件,编辑, 视图,窗口,帮助。app.on('ready', function () { createWindow ();createMenu();});function createMenu(){ const {app, Menu} = require('electron')原创 2021-08-25 21:49:44 · 592 阅读 · 0 评论 -
electron安装+运行+打包成桌面应用+打包成安装文件+开机自启动
1.初始化node项目,生成package.json文件npm init2.安装electron,并保存为开发依赖项npm install electron -D3.根目录下新建index.js文件const {app, BrowserWindow} = require('electron')let mainWindowfunction createWindow () { mainWindow = new BrowserWindow({width: 800, heig转载 2021-08-28 00:14:45 · 2908 阅读 · 0 评论 -
【Electron-Vue】构建桌面应用(2)-打包生成可window安装包
1.前言在上篇文章中说到,使用Electron-Vue去构建一个Vue项目,并且可以通过package命令之后,生成了一些列的绿色文件(即执行安装包之后生成的文件),点击其中的exe文件就可以运行了。由于安装程序最后会以安装包的形式(即单一的exe文件)交付给客户,然后客户安装exe文件,会得到绿色文件。下面这种就是安装包下面这种就是安装之后的绿色文件安装的同时会生成桌面图标,用户双击后会执行exe程序。桌面图标双击执行之后以上所有的操作就是整个安装包从项目转载 2021-08-28 00:22:18 · 1071 阅读 · 0 评论 -
【Eelectron-vue】构建桌面应用(21)- Inno Setup CreateProcess failed;code 740 请求的操作需要提升
在前面的文章中提到过,我是用的是一款名叫Inno Setup的打包安装工具,可以打包成windows安装文件。在项目收尾的时候,发现使用Inno Setup打包成安装文件后,双击安装文件,执行安装,在最后一步的时候,如果你勾选了Launch 某应用的时候会出现需要提升程序执行权限的问题,如下:在网上查了一下,其中微软官网提到需要提升程序的操作权限即需要用管理员权限启动才没有问题,连接查看这里。然而,我并不想每次用户启动程序的时候都需要右键程序,然后选择管理员权限执行,所以这种官方的这种方式不是我想要转载 2021-08-28 00:31:05 · 747 阅读 · 0 评论 -
electron-vue 实现自定义拖拽、最小化、最大化、关闭、置顶功能
使用 vue init simulatedgreg/electron-vue my-project 创建项目 运行 npm run dev 报错 解决办法: 在项目的.electron-vue文件下的 webpack.renderer.config.js 和 webpack.web.config.js文件的 plugins里加 templateParameters(compilation, assets, options) { return { compilat转载 2021-08-28 18:24:50 · 1315 阅读 · 0 评论 -
Inno Setup汉化方法
1、在http://www.jrsoftware.org/isdl.php下载Inno Setup安装文件,建议下载安装unicode版本,以5.5.1版本为例,分别下载isetup-5.5.1-unicode.exe和ispack-5.5.1-unicode.exe文件分别安装,在安装第二个文件的时候会提示安装IDE2、打开安装目录,将根目录中的Default.isl(文本文件)拷一份到Languages文件夹,重命名为Chinese.isl,用文本编辑器打开,将其内容用以下内容替换:; ***原创 2021-08-28 10:08:15 · 10302 阅读 · 2 评论