1.环境:windows
2.下载node.js
3.命令行进入安装目录
4.执行语句:
npm install nativefier –g
进行安装
5.新建空文件夹用于存放生成的客户端
6.命令行进入该文件夹
7.执行语句:
nativefier "http://127.0.0.1:8088"
或者:
nativefier --name "oasys" "http://127.0.0.1:8088"
这里命名必须为英文,命名中文时,客户端名称会显示默认:“app”
8.等待生成即可
9.第一次使用系统需要下载 Electron 相关包,会比较慢,可能会比较慢,或者失败,重试几次即可,
Nativefier Api详解
设置名字
nativefier在制作应用的时候,可以自动识别网站的名字,您也可以自己设置名字。
nativefier –name “blog” “https://www.leixuesong.cn/”
nativefier –icon <path>:设置图标
Windows和Linux下打包
icon参数应该是.png文件的路径。
如果安装了可选的依赖关系,icon参数可以是a .icns或.png文件。
nativefier –app-copyright :应用的版权信息会映射到Windows系统的LegalCopyright和OS X系统的NSHumanReadableCopyright的元数据属性。
nativefier –p <value>:指定输出不同系统的应用,可选参数linux、windows、osx。
-m, –show-menu-bar:指定是否应该显示菜单栏。
–disable-context-menu:禁用上下文菜单
–single-instance:阻止应用程序多次运行。如果发生这种尝试,那么已经运行的实例就会出现在前面。
–tray:应用程序将保留为系统托盘中的图标。通过点击窗口关闭按钮来防止关闭应用程序。
–width <value>:打包应用程序的宽度,默认为280px。
–height <value>:打包应用程序的高度,默认为800px。
–min-width <value>:打包应用程序的最小宽度,默认为0。
–min-height <value>:打包应用程序的最小高度,默认为0。
–max-width <value>:打包应用程序的最大宽度,默认为无限制。
–max-height <value>:打包应用程序的最大高度,默认为无限制。
–x <value>:打包的应用程序窗口的X位置。
–y <value>:打包的应用程序窗口的Y位置。
Mac打包命令
nativefier --icon /Users/michaelwang/Downloads/electron.png --name "HUOHUSPORTS" "http://172.21.16.151:8088/logins" --maximize --disable-dev-tools --tray --min-width 1300px --min-height 800px nativefier http://172.21.16.151:8088/ --file-download-options '{"saveAs": true}' --single-instance
windows
nativefier --icon D:\WorkSpace\src\main\resources\static\images\favicon1.ico --name "HUOHUSPORTS" "http://172.21.16.151:8088/logins" --maximize --disable-dev-tools --tray --min-width 1300px --min-height 800px nativefier http://172.21.16.151:8088/ --file-download-options '{\"saveAs\": true}' --single-instance
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步