不联网的情况下,使用 electron-builder 快速打包全平台应用
前言
Electron 之所以能够日益风靡,是因为其简单易用且对各个操作平台具有良好的支持。
今天我就来分享一下怎么使用一套代码,快速打包生成各主流平台安装包的经验。
项目安装
首先,使用我前面介绍的提效小技巧,设置:
- NPM 源为淘宝镜像源;
- Electron 源为中国镜像网站中的 Electron 源地址。
然后依次执行以下指令:
mkdir my-electron
cd my-electron
npm init -y
npm install electron@14.2.6 -D
npm install @electron/remote --save
npm install electron-builder -D
打包配置
在 my-electron 目录下的 package.json 中,添加打包配置:
{"name": "my-electron","version": "0.1.0","author": "编程三昧","build": { // electron-builder配置"productName":"myFirstApp",//项目名 这也是生成的exe文件的前缀名"appId": "xxxxx", "copyright":"xxxx",//版权信息"directories": {"output": "build" // 输出文件夹}, "extraResources": [{ // 需要读写的配置文件"from": "./config/config.json","to": "../config/config.json"}],"win": { "icon": "xxx/icon.ico"//图标路径,"target":[{"target": "nsis","arch": ["x64"]}]},"dmg": {"contents": [{"x": 0,"y": 0,"path": "/Application"}]},"linux": {"icon": "xxx/icon.ico"},"mac": {"icon": "xxx/icon.ico"},"nsis": {"oneClick": false, // 一键安装"guid": "xxxx", //注册表名字,不推荐修改"perMachine": true, // 是否开启安装时权限限制(此电脑或当前用户)"allowElevation": true, // 允许请求提升。 如果为false,则用户必须使用提升的权限重新启动安装程序。"allowToChangeInstallationDirectory": true, // 允许修改安装目录"installerIcon": "./build/icons/aaa.ico", // 安装图标"uninstallerIcon": "./build/icons/bbb.ico", //卸载图标"installerHeaderIcon": "./build/icons/aaa.ico", // 安装时头部图标"createDesktopShortcut": true, // 创建桌面图标"createStartMenuShortcut": true, // 创建开始菜单图标"shortcutName": "xxxx" // 图标名称}}
}
配置打包脚本
在 package.json 中,添加对应的打包脚本:
{…"scripts": {"dev": "electron . --enable-loggin --no-sandbox","build-64": "electron-builder --win --x64","build-linux": "electron-builder --linux","build-mac": "electron-builder --mac"}…
}
在 my-electron 目录下打开终端,运行 npm run dev
即可进入开发模式。
关于各平台 Electron 镜像
在有网络的情况下,由于我们设置了 NPM 镜像和 Electron 源,速度还是很快的。
但我这边是内网打包,没法联网,所以,需要取个巧,在打包开始之前就将对应平台的 Electron 源下载下来放到各自的 NPM 缓存中去。
electron-builder 在打包的时候,会根据系统的不同去各自的 NPM 缓存目录下查找对应版本的 Electron 源,当我们将下载好的源放在 NPM 缓存中后,就不需要再去联网拉去了。
我使用的 electron@14.2.6 镜像的下载地址为:https://registry.npmmirror.com/binary.html?path=electron/14.2.6/
。
这是 @electron/get
中获取 electron 镜像缓存的示例:
import { downloadArtifact } from '@electron/get';
const zipFilePath = await downloadArtifact({version: '14.2.6',platform: 'darwin',artifactName: 'electron',artifactSuffix: 'symbols',arch: 'x64',
});
各操作系统对应的 NPM 缓存路径分别为:
- Linux:
$XDG_CACHE_HOME
or~/.cache/electron/
- MacOS:
~/Library/Caches/electron/
- Windows:
%LOCALAPPDATA%/electron/Cache
or~/AppData/Local/electron/Cache/
注意:Linux x64
和 Linux arm64
对应的 electron 镜像是不同的,
关于开发模式启动不了的问题
开发模式可能启动不了,其原因或许是 my-electron、node_modules
下的 electron 未执行安装,缺少 Electron 源。
想要解决,只需执行以下指令:
node ./node_modules/electron/cli.js
等待 electron 镜像拉取完成后,即可正常进入开始模式。
总结
以上就是在不联网的情况下使用 electron-builder 打包全平台桌面应用的记录。
- ~
- 本文完,感谢阅读!
~
学习有趣的知识,结识有趣的朋友,塑造有趣的灵魂!
大家好,我是〖编程三昧〗的作者 隐逸王,我的公众号是『编程三昧』,欢迎关注,希望大家多多指教!
不联网的情况下,使用 electron-builder 快速打包全平台应用相关推荐
- 检测网络是否稳定的计算机命令,网络不稳定情况下,该如何快速检测?
原标题:网络不稳定情况下,该如何快速检测? 在我们使用电脑时,最讨厌的两种情况一是电脑卡顿而是网络缓慢.一般情况下,电脑卡顿我们可以自己优化加速,但是网络则是没有办法.在我们平时看视频或是浏览网站时, ...
- fedora22 无法联网的情况下rpm安装gcc5.1
前天发生件很不幸的事.我在给ubuntu14.04安装NVIDIA显卡驱动的时候,想清空下一个目录,什么目录我也忘了,当时我正好切到root身份(平常我很少切root的),命令格式如下 1 rm -f ...
- 无法联网的情况下,dbeaver离线安装数据库驱动-clickhouse
第一步 找可以上网的电脑在线安装 先找一台可以网上的电脑,配置完连接之后,他会自动检测出需要下载的驱动,先看它下载到那个目录下: 然后点击下载: 驱动开始下载,看到他的下载目录下已经多了一堆文件夹,文 ...
- 如何在不联网的情况下安装 Silverlight Tools
详细解释到官网: http://dotnet.aspx.cc/article/6942db26-a11f-4d4e-bc61-9f816710fcb1/read.aspx 首先,在安装之前,将你的系统 ...
- 网页上显示天气预报信息的代码(将代码拷贝到你的网页上即可,当然,天气预报只能在联网的情况下才能使用)
名称:265天气根据IP自动获得当地的天气情况 代码:<iframe src="http://weather.265.com/weather.htm" width=" ...
- 详细说明如何在pycharm不联网的情况下,离线安装第三方库及依赖包(如sklearn)
1.安装目标库 1.首先,选择你要导入的库文件,如seaborn库 下载网站: https://pypi.org/ 或https://www.lfd.uci.edu/~gohlke/pythonlib ...
- 如何在没有联网的情况下使用maven本地仓库进行开发
maven本地仓库.远程仓库和中央仓库的区别 本地仓库:本地的一个文件夹,用来存放所有的jar包,由自己维护: 远程仓库(或私服):由公司或单位创建的一个仓库,由公司维护: 中央仓库:互联网上的仓库, ...
- python离线安装第三方库whl_详细说明如何在pycharm不联网的情况下,离线安装第三方库及依赖包(如sklearn)...
1.安装目标库 1.首先,选择你要导入的库文件,如seaborn库 下载网站: https://pypi.org/ 或https://www.lfd.uci.edu/~gohlke/pythonlib ...
- 【spring】在不联网的情况下查看xml的定义规则的方法
1.打开依赖 2.打开该jar包 3.打开该包 4.找到xml的规则
最新文章
- vs2010快捷方式
- Chrome浏览器内部协议Chrome://收集
- 《CLR Via C# 第3版》笔记之(十九) - 任务(Task)
- Ubuntu 18.10安装MySql8.0.13
- 工作33:page值不能修改
- Eigen的基础使用-C++
- python办公室妙用-python eval()函数的妙用和滥用
- STUCTS LABLE ‘S BENEFIT
- java在线电影_java在线高清
- mysql 前缀索引_mysql索引做前缀原则
- 苹果电脑python编译器_Mac版-python环境配置(二):编译器pycharm下载安装
- 移动4g手机信号测试软件,中移动4G网络测试:网速快但信号不稳
- 如何设置系统还原点并将电脑还原至还原点?
- 上古卷轴5:重制版AFT管理随从导致瑟拉娜Serana有关的MOD眼睛变金色的问题解决
- 【平衡二叉樹】超市促銷
- Java和C语言有什么区别?
- JavaScript动态向表格添加数据
- win7打开任务管理器的快捷键
- 使用python进行web抓取
- 编写Java程序,使用ThreadLocal类,项目中创建账户类 Account,类中包括账户名称name、 ThreadLocal 类的引用变量amount,表示存款
热门文章
- ASP.NET Core 异常处理与日志记录
- 如何在PHP中使用cURL连接到Tor隐藏服务?
- 如何使用jQuery将事件附加到动态HTML元素? [重复]
- Map集合转换成实体类对象,实体类对象转换为map集合,互转工具类
- activiti启动流程实例,添加进businessKey
- Freemarker生成静态化文件
- outlook 附件保存位置-附件无法打开
- c# 批量mqtt_Paho-MQTT C#接入示例
- python编程老师岗位需求表_教师岗位需求信息表
- 指针02:指针所占内存空间