21

I managed to create an .exe installer for windows using electron builder, I create 2 package.json as pointed out in the docs :

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

I ended up having a folder with a working .exe enter image description here

"dist:win64": "./node_modules/.bin/build --platform win32 --arch x64"

The build section of my main package.json is 

"build": {
    "app-bundle-id": "org.test.mytest",
    "app-category-type": "public.app-category.graphics-design",
    "osx": {
      "contents": [
        {
          "x": 410,
          "y": 150,
          "type": "link",
          "path": "/Applications"
        },
        {
          "x": 130,
          "y": 150,
          "type": "file"
        }
      ]
    },
    "win": {
      "title": "My awesome app",
      "version": "2.28.999.1",
      "noMsi": false,
      "authors": "Author"
    }
  }

Everything works fine, I have and .exe installer but no way to have an .msi installer that put the content in program files directory.

enter image description here

Instead I ended up with an installation in the C:\Users\UserHome\AppData\Local\electron folder with and installer like below.

enter image description here

Is there a way to have a real .msi installer using electron builder that put the content in the Program file folder. The only one project that worked is this one https://github.com/theodo/electron-boilerplate but it uses a former version of electron-builder.

In the electron doc setting the noMsi to false, should do the trick ... 

Should Squirrel.Windows create an MSI installer?
Michael Gaskill
  • 7,913
  • 10
  • 38
  • 43
Aaleks
  • 4,283
  • 5
  • 31
  • 39

7 Answers7

6

You don't actually need an MSI installed to get your app installed into Program Files.

If you disable one click in the nsis config (oneClick), the user is prompted whether to do the single user install (in AppData) or per machine (in Program Files).

If you don't want to give them the choice, you can set perMachine to false which will only allow install into Program Files:

"nsis": {
  "oneClick": false,
  "perMachine": false
},

I would personally leave them the option as they can still install without admin rights!

In the latest version of electron-builder there is also a allowToChangeInstallationDirectory option which allows the user to choose any install location.

Tim
  • 7,746
  • 3
  • 49
  • 83
4

as stated in the wiki of latest electron builder release you have to use the msi option within build.win:

"build": {
    "app-bundle-id": "org.test.mytest",
    "app-category-type": "public.app-category.graphics-design",
    ...
    ,
    "win": {
      "title": "My awesome app",
      "version": "2.28.999.1",
      "msi": true,
      "authors": "Author"
    }
  }
wilver
  • 2,106
  • 1
  • 19
  • 26
  • im getting a couple of errors: `Package "electron" is only allowed in "devDependencies". Please remove it from the "dependencies" section in your package.json.` why cant i have electron as a dependency? doesnt that defeat the whole purpose? anyways, i removed it and tried `yarn dist` once again, but this time i get the error: `Invalid configuration object. electron-builder 22.3.2 has been initialised using a configuration object that does not match the API schema.` – oldboy Feb 09 '20 at 07:35
  • hello? can u help me out? – oldboy Feb 10 '20 at 00:17
  • it seems you have some bad configuration for elecron builder. Please check the [documentation](https://www.electron.build/configuration/configuration) or the [scheme](https://github.com/electron-userland/electron-builder/blob/master/packages/app-builder-lib/scheme.json) to find what's wrong – wilver Feb 10 '20 at 23:05
  • thanks. i figured out how to do it in the meantime. however, i am having one issue with the desktop shortcut icon displaying properly. do u mind taking a look at my [question?](https://stackoverflow.com/q/60143077/7543162) – oldboy Feb 10 '20 at 23:21
  • 1
    @oldboy Wow wow wow! Hang on... "Electron" is a developer tool to create platform-independent desktop applications based on Chromium engine and Node.js environment. It is NOT a production dependency, but rather a developer dependency. Your software should not include electron itself during distribution! So, when installing "electron", use this command: "npm install electron --save-dev". Otherwise, the entire electron environment (>150 MB) will be unnecessarily included in your installers!!! That is what the error message is telling you! – varun Jul 06 '20 at 12:54
  • @varun thanks for pointing that. duly noted for the next time i plan to build something with electron – oldboy Jul 07 '20 at 04:51
4

I figured it out by looking at the target. do this

"win": {
  "target": [
   "msi"
   ]
//your code here
},
Ethan K-B
  • 115
  • 12
3

If all you want is an installer in exe format (I don't know about msi) you can use electron-builder to build the exe unpacked to a directory. Check out the documentation at http://npmjs.org/package/electron-builder. The documentation is pretty straight forward. After you obtain the unpacked folder with your exe , use "Inno Setup Compiler" to create a professional looking installer. Once you get the hang of it , it just takes like 5 minutes to do the whole thing.

Community
  • 1
  • 1
Shiva Teja
  • 417
  • 4
  • 16
2

I haven't gotten this to work either (yet), but my understanding is that it's the opposite (terrible naming).

"noMsi": false // will make an MSI
"noMsi": true // will NOT make an MSI
steveostudios
  • 23
  • 6
  • Yeah also understand that but the option doesn't work for me. I see in the script executed that is different --no-msi argument or not but at the end same result no msi installer... – Aaleks Apr 19 '16 at 15:44
0

You can use "electron-wix-msi" this package to do this task. https://www.npmjs.com/package/electron-wix-msi But first you need to pack resources of your project with Electron-packager or Electron-Builder and then give path of win-unpacked folder as APP-DIR

Muhammad Adnan
  • 1
  • 2
0

This worked for me:

"build": {
    "artifactName": "yourappname.${ext}",
    "directories": {
      "output": "dist"
    },
    "win": {
      "target": "msi",
      "icon": "assets/logo.ico"
    },

put this in your package.json and run:

electron-builder --win

electron-builder will make a msi for your project

Alireza .N
  • 1
  • Remember that Stack Overflow isn't just intended to solve the immediate problem, but also to help future readers find solutions to similar problems, which requires understanding the underlying code. This is especially important for members of our community who are beginners, and not familiar with the syntax. Given that, **can you [edit] your answer to include an explanation of what you're doing** and why you believe it is the best approach? – Jeremy Caney Aug 22 '23 at 02:47