Question

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

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

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

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

我还应该提一下，我尝试使用电子构建器，也可以生成msi文件。但在这里我也无法设置安装路径。我发现这个Electron create MSI installer using 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安装程序的默认设置询问安装位置？

Answer 1

electron-winstaller 使用squirrel生成安装文件。根据他们的documentation，安装路径是＆＃34;实际上是不可变的＆＃34;并设置为 \％LocalAppData％\ AppName ：

安装位置

Setup.exe，以及稍后MyApp中的UpdateManager必须具有   能够从应用程序写入文件和执行文件   安装位置。为了确保所有类型的用户的权限，   选择用户的应用程序数据目录作为安装位置   （即％LocalAppData％\ MyApp）。

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

Packages - 用于下载和组装更新包的文件夹   文件。应用程序文件夹 - ＆＃34;已安装＆＃34;给定的应用程序文件   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包目录 实际上是不可变的 ，它只包含我们已下载的包。使用用户   本地应用程序数据目录意味着我们需要写入访问权限   以每个用户为基础安装到目录。

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

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

计算机范围的安装

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

因此，大多数普通用户应该继续运行生成的Setup.exe   通过Releasify，但如果您想拥有IT Admin Friendly版本，   你可以交出MSI

Squirrel的大多数用户都不必做任何新的事情来实现这一目标   行为，虽然某些NuGet包ID /名称可能会导致   MSI的问题。

电子电子winstaller设置Msi的安装路径

1 个答案: