9

我正在使用 Electron 和 Angular2 为 Windows 创建桌面应用程序，并且可以成功生成 .exe 和 .msi 文件进行安装。我使用电子打包器来打包我的电子应用程序 打包的电子应用程序

打包应用程序后，我使用 electron-winstaller 从包中生成一个 msi

但是，当我运行 .msi 文件时，它会自动将我的项目安装到 C:\Users\Username\AppData\Local\ApplicationName 。双击 msi 时唯一的事情是这个简短的对话框： 对话框

不过，我想要的是安装程序提示我应该安装应用程序的位置。我希望能够在安装时设置安装路径。

我还应该提到我尝试使用电子生成器，并且还可以生成 msi 文件。但是这里我也无法设置安装路径。我发现这个Electron create MSI 安装程序使用 electron-builder问题，其他人对 electron-builder 有同样的问题，但他的问题没有答案。

这是我对电子 winstaller 的配置。winstaller.js 文件位于我的项目的根目录：

var electronInstaller = require('electron-winstaller');
var resultPromise = electronInstaller.createWindowsInstaller(
  {
    appDirectory: '../installer/sda-win32-x64',
    outputDirectory: '../installer',
    authors: 'SORA Desktop Application',
    exe: 'sda.exe',
    setupExe: 'SDASetup.exe',
    setupMsi: 'SDASetup.msi',
    iconUrl: 'file:///d/dev/sda/client/src/app/assets/images/icon.ico',
    setupIcon: 'src/app/assets/images/icon.ico'
  });

resultPromise.then(() => console.log('It worked!'), e => console.log(`No dice: ${e.message}`));

这是我的 package.json 配置。这也位于我项目的根目录

{
  "name": "sda",
  "description": "SDA 3.0",
  "version": "0.0.1",
  "main": "gulpfile.js",
  "keywords": [
    "Angular",
    "Angular2",
    "Electron",
    "Typescript"
  ],
  "author": "Vic",
  "license": "MIT",
  "scripts": {
    "build": "gulp build",
    "start": "npm run build && electron ./dist/index.js",
    "package": "npm run build && gulp electron:package",
    "postinstall": "concurrently \"bower install\" \"typings install\"",
    "appstart": "electron ./dist/index.js",
    "test": "gulp test",
    "deploy": "rm -rf ../installer && gulp setInDevelopmentFlagToFalse && cp src/app/environment/environment.prod.ts src/app/environment/environment.ts && npm run build && cd dist && electron-packager . --platform=win32 --arch=x64 --overwrite=true --out=../../installer --icon=assets/images/icon.ico && cd ../ && gulp setInDevelopmentFlagToTrue && cp src/app/environment/environment.dev.ts src/app/environment/environment.ts && node winstaller.js"
  },
  "dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0",
    "@angular/router": "3.0.0",
    "@angular/upgrade": "2.0.0",
    "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.8",
    "@types/hammerjs": "2.0.33",
    "@types/sjcl": "1.0.27",
    "angular2-jwt": "0.1.23",
    "angular2-moment": "1.0.0-beta.5",
    "angular2localization": "1.0.2",
    "bootstrap": "4.0.0-alpha.4",
    "core-js": "2.4.1",
    "file-saver": "1.3.3",
    "font-awesome": "4.6.3",
    "jquery": "3.1.1",
    "moment": "2.15.2",
    "normalize.css": "5.0.0",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.12",
    "sjcl": "1.0.6",
    "systemjs": "0.19.27",
    "tether": "1.3.7",
    "zone.js": "0.6.23"
  },
  "devDependencies": {
    "bower": "1.7.9",
    "concurrently": "2.2.0",
    "del": "2.2.0",
    "electron": "1.3.5",
    "electron-connect": "0.6.0",
    "electron-packager": "8.1.0",
    "electron-prebuilt": "1.3.8",
    "electron-winstaller": "2.3.4",
    "eslint": "3.6.0",
    "eslint-config-google": "0.6.0",
    "eslint-plugin-html": "1.5.3",
    "gulp": "3.9.1",
    "gulp-atom-electron": "1.9.0",
    "gulp-concat": "2.6.0",
    "gulp-replace": "^0.5.4",
    "gulp-sass": "2.3.1",
    "gulp-shell": "0.5.2",
    "gulp-symdest": "1.0.0",
    "gulp-typescript": "3.0.2",
    "hammerjs": "2.0.8",
    "jasmine-core": "2.5.2",
    "karma": "1.3.0",
    "karma-chrome-launcher": "2.0.0",
    "karma-cli": "1.0.1",
    "karma-htmlfile-reporter": "0.3.4",
    "karma-jasmine": "1.0.2",
    "karma-jasmine-html-reporter": "0.2.2",
    "karma-sourcemap-loader": "0.3.7",
    "karma-typescript-preprocessor": "0.3.0",
    "run-sequence": "1.1.5",
    "typescript": "2.0.2",
    "typings": "1.3.2"
  }
}

我可能需要证书吗？Windows安装程序询问安装位置不是默认设置吗？

4

1 回答 1

1

electron-winstaller使用 squirrel 生成安装文件。根据他们的文档，安装路径“实际上是不可变的”并且硬设置为\%LocalAppData%\AppName：

安装位置

MyApp 中的 Setup.exe 和更高版本的 UpdateManager 必须能够将文件写入应用程序安装位置并从应用程序安装位置执行文件。为确保所有类型用户的权限，选择用户的应用程序数据目录作为安装位置（即，%LocalAppData%\MyApp）。

安装根目录实际上只需要包含两种类型的文件夹：

Packages - 用于下载和组装更新包文件的文件夹。应用程序文件夹 - 给定版本的 MyApp 的“已安装”应用程序文件。\%LocalAppData%\MyApp \packages MyApp-1.0.0.nupkg MyApp-1.0.1-delta.nupkg MyApp-1.0.1.nupkg \app-1.0.0 MyApp.exe \app-1.0.1 MyApp.exe packages 目录实际上是不可变的，它只包含我们下载的包。使用用户的本地应用程序数据目录意味着我们需要对每个用户的安装目录进行写访问。

提示：有关确保您的应用程序推送给企业环境中的所有用户的更多信息，请参阅机器范围的安装。

在机器范围内安装的方法是使用仅在下次用户登录时触发安装的 MSI：

机器范围的安装

Squirrel 的 Releasify 命令会生成一个适合通过组策略安装的 MSI 文件。此 MSI 不是通用安装程序，这意味着一旦您运行 MSI，用户从现在开始将在下次登录时安装该应用程序。

因此，大多数普通用户应该继续运行由 Releasify 生成的 Setup.exe，但是如果您想要一个 IT Admin Friendly 版本，您可以移交 MSI

大多数 Squirrel 用户无需执行任何新操作即可启用此行为，但某些 NuGet 包 ID/名称可能会导致 MSI 出现问题。

于 2017-12-07T20:50:48.227 回答