分享学习心得,记录学习笔记
文章:44   访问:119711
今天是:
2020年02月23日 星期日
  >   文章列表   >   文章详情

WEB打包为桌面程序教程

1. 安装node.js

下载地址:http://nodejs.cn/download/

2. 安装nativefier

任意地方打开命令窗口:npm install nativefier -g

3.打包命令:

在任意目录中打开命令窗口,执行以下命令,先看下方可选参数!

  1. nativefier --name "mynote" "http://www.milinger.com" --icon "E:\mynote.ico" --tray --single-instance --maximize

命令参数

  • [程序名称] -name “mynote”
  • [WEB网址] “https://www.milinger.com
  • [图标] —icon “E:\DEV\mynote.ico”
  • [单实例] —single-instance
  • [禁用DeV工具] —disable-dev-tools
  • [全屏] —full-screen
  • [最大化] —maximize
  • [隐藏窗口框架] —hide-window-frame
  • [忽略Web安全错误] —insecure
  • [忽略证书错误] —ignore-certificate
  • [显示菜单栏] -m, —show-menu-bar
  • [宽度] —width
  • [高度] —height
  • [最小宽度] —min-width
  • [最小高度] —min-height
  • [最大宽度] —max-width
  • [最大高度] —max-height
  • [图标] —icon “D:\xx.ico”
  • [版本] —app-version
  • [禁用上下文菜单] —disable-context-menu
  • [禁用DeV工具] —disable-dev-tools
  • [开启托盘] —tray
  • [启动时只在托盘显示] —tray start-in-tray
  • [总是在上面] —always-on-top

问题解决

技术文档

页面内发起系统通知:

  1. /**
  2. * @param title '消息通知'
  3. * @param content '你有一条新消息,打开软件查看'
  4. */
  5. function sysNotice(title,content) {
  6. const notification = {
  7. title: title,
  8. body: content,
  9. href: '/',
  10. icon: '/static/index/img/navlogo.png',
  11. };
  12. const myNotification = new window.Notification(notification.title, notification);
  13. // 当通知被点击时在系统中打开
  14. myNotification.onclick= function(){
  15. self.location = notification.href;
  16. }
  17. }

封装EXE程序为安装包

1. 下载Inno Setup程序

2. Inno Setup程序安装过程略

3. 封装过程

  1. 运行程序,使用脚本向导创建脚本

    运行程序

  2. 下一步

    下一步

  3. 设置程序基本信息

    设置程序基本信息

  4. 设置安装目录

    设置安装目录

  5. 选择要封装的程序

    选择要封装的程序

  6. 设置安装程序选项

    设置安装程序选项

  7. 软件声明信息

    软件声明信息

  8. 用户安装选项

    用户安装选项

  9. 语言

    语言

  10. 封装设置

    封装设置

  11. 下一步

    下一步`

  12. 开始封装

    开始封装

    4. 封装完成,指定的输出位置产生一个.exe程序

友情链接 doywb

2018-2019 Copyright© 米灵尔 小熊 豫ICP备15007436号-1

豫公网安备 41152302000146号