electron打包桌面应用/打包成安装包/自动添加桌面快捷方式

克隆示例项目的仓库

git clone https://github.com/electron/electron-quick-start

进入这个仓库

cd electron-quick-start

安装依赖并运行(到这步,可以运行出界面)

npm install && npm start

全局安装electron

npm install -g electron

全局安装打包工具

npm install electron-packager -g

项目文件中,在package.json中的script中配置,如下:

  "scripts": {
    "packager": "electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=icon.ico --out=./out --asar --app-version=0.0.1"
  },

指令结构:

electron-packager <路径(.代表根目录)> <可执行文件的文件名> –win=x32<系统> –out <打包成的文件夹名> –arch=x64 –app-version=0.0.1<应用版本> –electron-version=2.0.0<使用electron的版本>

运行打包(生成含exe的文件夹), 至此,点击exe文件,可以运行该应用

npm run packager

打包成安装包(含setup.exe),安装打包工具

npm install --save-dev electron-winstaller

根目录下创建build.js

// build.js
var electronInstaller = require('electron-winstaller');
var path = require("path");

resultPromise = electronInstaller.createWindowsInstaller({
  appDirectory: path.join('./out/HelloWorld-win32-x64'), //入口
  outputDirectory: path.join('./installer/installer64'),     //出口
  authors: 'yyt',
  exe: "HelloWorld.exe",        //名称
  setupIcon: path.join('icon.ico'),//安装图标,必须本地
  iconUrl: 'http://pm72qibzx.bkt.clouddn.com/icon.ico',//程序图标,必须url
  noMsi: true,
});

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

执行build.js文件,至此,可以生成安装包setup.exe

node build.js

安装成功之后,自动添加快捷方式

  • npm i electron-squirrel-startup --save

  • main.js中添加代码

if(require('electron-squirrel-startup')) return; 
  • npm run packager

  • node build.js

你可能感兴趣的:(electron打包桌面应用/打包成安装包/自动添加桌面快捷方式)