电子APP包装

Question

我正在尝试打包我最近的电子应用程序。我尝试使用 electron-packager 并实际构建了应用程序，尽管它是一堆文件。

现在我遇到了一些问题：

如何更改应用程序图标？我通过在 BrowserWindow 创建中设置它的路径来做到这一点，但是我不能用电子包装器来做到这一点吗？
那么实际的桌面图标呢？
最后如何将electron-packager构建的所有文件打包成一个.exe？

我正在 windows 中为 windows 架构构建它。

Answer 1

electron-builder 是一个多合一的打包程序，它将创建一个 Windows 安装程序（或其他平台）并允许您设置图标和许多其他设置。它实际上使用 electron-packager 作为实际打包的依赖。

https://github.com/electron-userland/electron-builder

Answer 2

哦，我遇到过这个问题。首先，我会给你一个例子，说明如何使用 electron-packager

的 API

 var packager = require('electron-packager');
var options = {
    'arch': 'ia32',
    'platform': 'win32',
    'dir': './',
    'app-copyright': 'Paulo Galdo',
    'app-version': '2.0.5',
    'asar': true,
    'icon': './app.ico',
    'name': 'TierraDesktop',
    'ignore': ['./releases', './.git'],
    'out': './releases',
    'overwrite': true,
    'prune': true,
    'version': '1.3.2',
    'version-string':{
      'CompanyName': 'Paulo Galdo',
      'FileDescription': 'Tierra de colores', /*This is what display windows on task manager, shortcut and process*/
      'OriginalFilename': 'TierraDesktop',
      'ProductName': 'Tierra de colores',
      'InternalName': 'TierraDesktop'
    }
};
packager(options, function done_callback(err, appPaths) {
    console.log(err);
    console.log(appPaths);
});

在这里，我给你留下了包含所有信息的 link。 Electron packager API

最后是一个模块，因此您可以轻松构建安装程序，只需按照他们的 API 进行操作即可。 Windows installer

Answer 3

在Package.json

{
  "name": "APP_NAME",
  "version": "6.1.0",
  "description": "About APP",
  "main": "main.js",
  "scripts": {
    "preinstall": "npm i -g electron-packager",
    "start": "electron .",
    "package-win32": "electron-packager ./ APP_NAME --overwrite --platform=win32 --arch=ia32 --icon=assets/YOUR_Icon.ico --out=release-builds --app-copyright=\"Copyright © COMPANY_NAME 2020\" --version-string.CompanyName=COMPANY_NAME"
  },
  "author": "YOUR NAME",
  "license": "YOUR LICENSE",
  "devDependencies": {
    "electron": "^2.0.0",
    "electron-packager": "^12.2.0"
  }
}

电子APP包装

Electron APP packaging

electron