美文网首页
electron打包桌面应用/打包成安装包/自动添加桌面快捷方式

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

作者: 陈大事_code | 来源:发表于2019-08-12 16:44 被阅读0次

    克隆示例项目的仓库

    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打包桌面应用/打包成安装包/自动添加桌面快捷方式

          本文链接:https://www.haomeiwen.com/subject/ylgujctx.html