nativefier 打包网站

归档26

前端7 运维6 工具3 数据库2 docker2 VCS2 后台1 建模1 组态1 AI1

505 字

3 分钟

nativefier 打包网站

2023-11-20

打包网站#

1，安装node.js#

https://nodejs.org/en

2，安装nativefier插件#

1
npm install nativefier -g
2

3
#设置淘宝镜像
4
npm install -g cnpm --registry=https://registry.npm.taobao.org
5

6
cnpm install -g electron

3，打包网站#

注意<软件名必须只包含英文以及下划线和美元符>.

1
nativefier --name "MyBlog" --tray "https://zhiwuzhang.gitee.io/zhangzhiwu/" --icon "avatar.ico" --app-copyright "zZw" --app-version "1.0.0"

如果沒有下载速度或者下载失敗,需设置新增环境变量 ELECTRON_MIRROR,值 http://npm.taobao.org/mirrors/electron/

4，打包完成#

打包完成后进入提示文件目录（App built to）查找文件即可一般为：C:\user\计算机用户名\网站名称-win-x64

注意: 图标要用ico格式(网上有工具可以转), 其他格式没试, 哪位大佬没事儿可以试试改图标还可以直接去 app名字\resources\app 里替换 icon.ico 文件

5，拓展#

1
nativefier -–icon <path>：设置图标
2
icon参数
3
Windows环境下为.ico文件
4
Linux下为.png
5
Mac下 icon参数可以是a .icns或.png文件
6

7
--app-copyright ：应用的版权信息
8

9
-p, --platform <value>：指定输出不同系统的应用，可选参数linux、windows、osx。
10

11
-m, –show-menu-bar：指定是否应该显示菜单栏。
12

13
--disable-context-menu：禁用上下文菜单
14

15
--disable-dev-tools:停用Chrome开发者工具
16

17
--clear-cache:防止应用程序在两次启动之间保留缓存。
18

19
--tray:托盘,防止用户点击右上角关闭按钮后直接关闭程序，而是缩小到右下角的托盘中。
20

21
--always-on-top：总是在最前面显示。
22

23
--maximize：开始的时候最大化。
24

25
--full-screen：使打包的应用全屏启动。
26

27
--app-version <value>：应用程序的发行版本。
28

29
–width <value>：打包应用程序的宽度，默认为1280px。
30

31
–height <value>：打包应用程序的高度，默认为800px。
32

33
–min-width <value>：打包应用程序的最小宽度，默认为0。
34

35
–min-height <value>：打包应用程序的最小高度，默认为0。
36

37
–max-width <value>：打包应用程序的最大宽度，默认为无限制。
38

39
–max-height <value>：打包应用程序的最大高度，默认为无限制。
40

41
–x <value>：打包的应用程序窗口的X位置。
42

43
–y <value>：打包的应用程序窗口的Y位置。
44

45
-a, --arch <value> 处理器架构