美文网首页
electron打包可选安装位置

electron打包可选安装位置

作者: 全满 | 来源:发表于2019-03-11 11:24 被阅读0次

第一种

  • Package.json配置:
    • 字段:”build”
      参数:
{
    "publish": [
        {
            "provider": "generic",
            "url": "http://localhost:8899/"   //存放软件版本的地址
        }
    ],
    "directories": {
        "output": "release",      //打包后文件所在位置
        "app": "./"    //开始位置
    },
    "win": {    //windows下安装软件配置参数
        "target": [
            "nsis",  //打包为nsis安装文件
            "zip"   //打包为安装文件zip
        ]
    },
    "nsis": {   //nsis配置参数
        "oneClick": false,    //可单击打开
        "allowToChangeInstallationDirectory": true,    //允许用户选择安装位置
        "perMachine": true
    }
};

第二种(使用NSIS来打包Electron安装程序)

一. 准备
1.下载NSIS软件,安装
NSIS中文版下载 提取码: wbkb
2.安装asar (参考官方文档https://www.w3cschool.cn/electronmanual/cexo1qkn.html)
npm install -g asar

二. 打包

  1. 打开NSIS

    1)选择可视化脚本编辑器


    image.png

    2)选择使用脚本向导创建新的脚本文件,确定


    image.png
    3)下一步
    image.png

    4)设置应用名称,版本号,网址,标志随便自定义一个就好,然后下一步


    image.png
    5)设置安装程序图标(图标必须是ico格式),名称,语言(SimpChinese),界面,然后下一步
    image.png
    6)默认,直接下一步就好
    image.png
    7)授权文件有就填,没有就填空白 然后下一步
    image.png
    8)添加应用程序文件,默认两个文件选中,删除
    image.png

    9)点击添加文件


    image.png
    添加HelloWorld.exe文件,确定
    image.png
    10)点击AddDirTree
    image.png
    选择HelloWorld-win32-x64文件夹,选中包含子目录,确定,然后下一步
    image.png
    11)可修改开始菜单名称,然后下一步
    image.png
    12)可设置安装成功后启动的程序,默认就是我们打包后的启动程序,下一步
    image.png
    13)设置一些卸载时界面的提示信息,然后下一步
    image.png
    14)保存我们的脚本,完成,保存到桌面
    image.png
    image.png
    15)打开脚本文件,编译及运行
    image.png
    16)开始编译,请等待
    image.png

    17)编译完就可以安装啦


    image.png
    image.png

相关文章

网友评论

      本文标题:electron打包可选安装位置

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