electron 使用electron-packager打linux-x64包与linux-arm64包,解决打包缓慢问题

使用electron-packager打linux-x64包与linux-arm64包,解决下载zip打包缓慢问题

在使用electron-packager打包的过程中,需要在第一次下载electron版本对应的zip文件,下载很缓慢,而且还可能出现每次都在下载zip的情况
解决思路是提前下载好zip文件并修改electron—packager源码将zip的路径指定到你放zip的文件目录,去规避packager自己去下载zip文件。实现更快的完成打包

第一步、下载zip文件

需要在网上去下载你electrn对应版本的zip文件,需要注意把对应的SHASUMS256.txt文件也下载下来放在zip同目录。electron zip下载地址
为了与文章效果一致,避免一些路径问题,你可以找到对应版本的zip文件下载到项目根目录与node_modules同级,创建cache文件夹

在这里插入图片描述

第二步、安装packager并配置

安装packager

npm install electron-packager

配置package.json scripts命令

"scripts": {
    "packager:win": "electron-packager ./ winApp --platform=win32 --arch=x64   --overwrite --no-prune --ignore=/node_modules",
    "packager:linux-x64": "electron-packager ./ linuxApp --platform=linux --arch=x64   --overwrite --no-prune --ignore=/node_modules",
    "packager:linux-arm64": "electron-packager ./ linuxApp --platform=linux --arch=arm64   --overwrite --no-prune --ignore=/node_modules"
  },

修改electron-packager源码

在node_modules中找到electron-packager包,定位到node_modules\electron-packager\src\index.js,找到packageForPlatformAndArchWithOpts方法修改zipPath获取代码

downloadOpts.arch 对应scripts命令里的 --arch=arm64,这里没有处理windows打包,实现的过程和linux打包一致,在下面添加win的判断即可。downloadOpts参数可以获取到脚本命令里的参数

async packageForPlatformAndArchWithOpts (comboOpts, downloadOpts) {
    // const zipPath = await this.getElectronZipPath(downloadOpts)  ---
    const arch = downloadOpts.arch // +++
    const zipPath = arch === 'arm64' ? './cache/electron-v22.0.0-linux-arm64.zip' : './cache/electron-v22.0.0-linux-x64.zip' // +++

    if (!this.useTempDir) {
      return this.createApp(comboOpts, zipPath)
    }

    if (common.isPlatformMac(comboOpts.platform)) {
      /* istanbul ignore else */
      if (this.canCreateSymlinks === undefined) {
        return this.testSymlink(comboOpts, zipPath)
      } else if (!this.canCreateSymlinks) {
        return this.skipHostPlatformSansSymlinkSupport(comboOpts)
      }
    }

    return this.checkOverwrite(comboOpts, zipPath)
}

第三步、打包

linux-x64包

npm run packager:linux-x64

linux-arm64包

npm run packager:linux-arm64

打包成功后,electron-packager会把cache下载文件并入包文件下的resources\app文件里
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
Electron-packager 是一个用于将 Electron 应用程序打包为可执行文件的工具。使用它可以将你的 Electron 项目构建为各个操作系统(如 Windows、Mac 和 Linux)的独立应用程序。 以下是使用 electron-packager 打包整理 Electron 应用程序的步骤: 1. 首先,确保你已经在项目中安装了 electron-packager。可以通过运行以下命令进行安装: ``` npm install electron-packager --save-dev ``` 2. 在项目的根目录下,创建一个打包脚本(例如 package.js),并将以下代码添加到文件中: ```javascript const packager = require('electron-packager'); const options = { // 你的应用程序的根目录 dir: '.', // 应用程序的平台(例如:darwin、win32、linux) platform: 'PLATFORM', // 应用程序的架构(例如:ia32、x64、armv7l) arch: 'ARCH', // 应用程序输出的目录 out: 'BUILD_FOLDER', // 应用程序的名称 name: 'APP_NAME', // 应用程序的可执行文件名 executableName: 'EXECUTABLE_NAME', // 其他选项... }; packager(options) .then(appPaths => { console.log('应用程序已成功打包到以下路径:', appPaths); }) .catch(err => { console.error('应用程序打包失败:', err); }); ``` 请根据你的项目需求修改上述代码中的选项。 3. 在终端或命令提示符中运行以下命令,以执行打包脚本: ``` node package.js ``` 这将使用 electron-packager 打包整理你的 Electron 应用程序。打包成功后,应用程序将被输出到指定的输出目录。 请注意,根据你的操作系统,需要设置正确的平台和架构参数。例如,对于 Windows 平台,platform 参数应设置为 'win32',arch 参数应设置为 'ia32' 或 'x64'。 希望这些步骤能够帮助你使用 electron-packager 打包整理你的 Electron 应用程序。如果有任何其他问题,请随时提问!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值