73

我想生成一个唯一的.exe文件来执行应用程序或.msi安装应用程序。怎么做？

4

12 回答 12

49

您可以使用electron-packager打包您的程序，然后使用InnoSetup构建单个设置 EXE 文件。

于 2015-07-08T08:40:02.920 回答
30

由于大多数答案没有关于打包的分步说明，让我发布我如何打包电子应用程序。

我们将首先安装电子打包器。

Electron Packager是一个命令行工具和 Node.js 库，它将基于 Electron 的应用程序源代码与重命名的 Electron 可执行文件和支持文件捆绑到准备分发的文件夹中。

安装 electron-packager： 在 windows cmd 中运行以下命令

npm install -g electron-packager --save-dev

接下来，让我们为 windowsx64 打包我们的应用程序：

electron-packager appdirectory appName --platform=win32 --arch=x64 --electron-version=1.4.3
于 2019-05-11T06:06:08.193 回答
13

2020 更新 您可以使用electron-builder为您的电子应用程序创建可移植的 .exe 文件。您需要做的就是安装 electron-builder ，yarn add electron-builder --dev 然后创建一个这样的package.json文件（这仅适用于可移植的 .exe）：

{
  "name": "my-electron-app",
  "productName": "electron app",
  "version": "1.0.0",
  "description": "an electron app",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "dist": "electron-builder"
  },
  "devDependencies": {
    "electron": "^8.0.2",
    "electron-builder": "^22.3.2"
  },
  "build": {
    "appId": "com.electron.app",
    "win": {
      "target": "portable"
    },
    "portable": {
      "unicode": false,
      "artifactName": "my_electron_app.exe"
    }
  }
}
于 2020-03-02T15:00:13.437 回答
7

您也可以尝试使用电子样板。它具有 gulp 的“发布”任务，它将为所有跨平台创建单个准备就绪的可执行文件。您只需要从所有三个平台构建应用程序即可生成特定平台的可执行文件。因此您不需要安装任何第三方工具。

于 2016-11-30T10:54:32.420 回答
6

将电子应用程序打包为可安装或可执行的。electron-builder应该是最好的选择。而且它很容易配置，我们也可以使用电子自动更新器。这是一个例子electron-builder.json

{
  "publish": {
    // This can be also 's3', 'github'... based on which server you are using for publish
    // https://www.electron.build/configuration/publish
    "provider": "generic",

    // Feed URL but github provider case, other fields will be required. 'repo', 'owner'...
    "url": "https://myappserver.com/updates/"
  },

  "productName": "My App",
  "appId": "com.myapp.app",

  "directories": {
    // The icon and background in 'buildResources' will be used as app Icon and dmg Background
    "buildResources": "buildResources",

    // output is directory where the packaged app will be placed
    "output": "release"
  },

  // The files which will be packed
  "files": ["src/", "node_modules/", "package.json"],

  "mac": {
    "target": ["dmg", "zip"], // Also can be, 'pkg', ...
    "artifactName": "${productName}-${version}-${os}.${ext}"
  },
  "win": {
    "target": ["nsis", "zip"], // Also can be, 'portable', ...
    "artifactName": "${productName}-${version}-${os}.${ext}"
  },
  "linux": {
    "target": ["AppImage"],
    "artifactName": "${productName}-${version}-${os}.${ext}"
  },
  "dmg": {
    "title": "${productName}-${version}",
    "contents": [
      {
        "x": 300,
        "y": 360
      },
      {
        "x": 490,
        "y": 360,
        "type": "link",
        "path": "/Applications"
      }
    ]
  }
}

当然，我们可以添加其他配置，例如nsis, extraFiles, afterPack, afterSign...

以上用的很好。您可以在此处查看详细信息和其他字段https://www.electron.build/configuration/publish

我们可以在内部package.json或作为一个独立文件定义此配置，但名称应该是electron-builder.json或electron-builder.yml在项目根目录中。

此外，用于自动更新。zip我们应该在 with和files中上传安装程序（dmg、exe blockmap、appImage） 。latest-{OS_Name}.yml

于 2020-04-10T10:15:24.857 回答
5

有很多好的模块可以生成单个安装程序*exe文件。查看以下任何一项：

  • electron-builder（生成适用于 Windows、Mac 和 Linux 的可执行文件，具有无服务器应用程序自动更新功能、代码签名、发布等，更少样板文件）

  • electron- forge（生成适用于 Windows、Mac 和 Linux 的可执行文件，它不仅可以打包应用程序，还可以帮助您创建它们，更多样板文件）

  • windows-installer（使用方便，重量轻，只生成exe文件）

（仍然困惑选择哪一个？在这里比较）

于 2017-10-25T19:01:19.987 回答
3 
npm install -g electron-packager --save-dev
npx electron-packager <appDirectory> appName --platform=win32 --arch=x64
npx electron-packager <appDirectory> appName --overwrite --asar --electron-version=13.4.0 --platform=win32 --arch=x64 --prune=true --out=release-builds --icon=./build/icon.ico"
于 2021-09-17T16:21:26.263 回答
1

好吧...这将起作用，但想法是运行.exe而无需将其安装在PC中...另一种解决方案是使用Autoplay media Studio包装您由电子生成的包并制作一个可执行文件或其他解决方案是使用thinstall vmware ...缺点都是商业性的，因此您必须为它们付费...

于 2016-10-13T12:45:06.033 回答
1

这在2021/2022年对我有用：

  1. 全局安装 Electron Packager。在命令提示符下运行以下命令

npm install electron-packager -g

  1. 在命令提示符下运行以下命令：

electron-packager D:\sample MySample --platform=win32 --arch=x64

上面的命令显示以下输出：

Packaging app for platform win32 x64 using electron v16.0.5

5-10 分钟后，它会创建包含必要文件的文件夹，并在屏幕上显示以下输出：

Wrote new app to D:\sample\MySample-win32-x64

就我而言，上述输出目录的大小为 1.09 GB。因此，在运行上面第二点中提到的命令之前，请确保您的硬盘驱动器中有足够的空间。

  1. 如果您导航到上述目录，您将在其中看到以下 EXE 文件：

MySample.exe

双击 MySample.exe 将启动该文件，其中包含可供您使用的应用程序。另请注意，它将在 localhost 上运行。所以享受吧！

于 2021-12-23T23:10:25.197 回答
0

有很多解决方案，我建议使用第三个选项，但这些都是我知道的

  1. 利用electron-packager

  2. 利用electron-forge

  3. 试试这个：https ://stackoverflow.com/a/69807948/15233276

于 2021-11-02T09:25:04.463 回答
-1

我首先尝试了电子打包器，但它产生了很多 .dll 文件，但仍然无法运行。

对我有用的是：

npm install
npm run dist --ia32

这产生了一个独立的 exe，运行该应用程序不需要其他文件。

于 2018-12-19T14:51:21.987 回答
-3

您可能能够将整个电子应用程序“包装”在 .NET 项目中。然后它创建的单个可执行文件可以“在内部”运行电子应用程序。

于 2016-12-06T22:38:24.260 回答