CODEWITHSUNDEEP
electronelectron-builder
Aaleks
Aaleks

Reputation: 4343

Electron create MSI installer using electron-builder

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?

Upvotes: 21

Views: 32926

Answers (8)

Dhanan jaya kumar
Dhanan jaya kumar

Reputation: 25

Use the electron build alone without any MSI installer to avoid such issues.

"scripts": { "serve": "vue-cli-service serve --port 5000", "build": "vue-cli-service build", "lint": "vue-cli-service lint", "electron:build": "vue-cli-service electron:build", "electron:serve": "vue-cli-service electron:serve", "postinstall": "electron-builder install-app-deps", "postuninstall": "electron-builder install-app-deps" },

Upvotes: 0

Alireza .N
Alireza .N

Reputation: 11

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

Upvotes: 0

Muhammad Adnan
Muhammad Adnan

Reputation: 1

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

Upvotes: 0

Ethan K-B
Ethan K-B

Reputation: 135

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

"win": {
  "target": [
   "msi"
   ]
//your code here
},

Upvotes: 4

Tim
Tim

Reputation: 8176

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.

Upvotes: 6

Shiva T. Kota
Shiva T. Kota

Reputation: 472

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.

Upvotes: 3

wilver
wilver

Reputation: 2116

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"
    }
  }

Upvotes: 4

steveostudios
steveostudios

Reputation: 23

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

Upvotes: 2

Related Questions