Nativefier 项目启动与配置教程

1. 项目的目录结构及介绍

Nativefier 项目目录结构如下：

Nativefier/
├── app/
│   ├── main.js
│   ├── index.html
│   └── ...
├── node_modules/
│   └── ...
├── package.json
├── README.md
├── config.json
└── ...

• app/：存放项目的主要文件，如 JavaScript、HTML 和 CSS 文件。

  • main.js：项目的主 JavaScript 文件，用于启动和运行应用程序。
  • index.html：项目的入口 HTML 文件，用于展示应用程序的界面。

• node_modules/：存放项目依赖的第三方模块。

• package.json：项目的配置文件，用于描述项目信息和运行脚本。

• README.md：项目的说明文件，包含项目的基本信息和安装使用说明。

• config.json：项目的配置文件，用于自定义 Nativefier 的各种设置。

2. 项目的启动文件介绍

项目的启动文件为 main.js，其主要功能如下：

• 引入必要的 Node.js 模块，如 app、BrowserWindow 和 path。
• 创建一个新的 BrowserWindow 实例，设置窗口的宽高、标题等属性。
• 加载项目的 index.html 文件作为窗口的内容。
• 监听窗口关闭事件，退出应用程序。

3. 项目的配置文件介绍

项目的配置文件为 config.json，可用于自定义 Nativefier 的各种设置。以下是一些常见的配置项：

• name：应用程序的名称。
• targetUrl：要封装的网页地址。
• width 和 height：应用程序窗口的宽度和高度。
• appVersion：应用程序的版本号。
• tray：是否在系统托盘显示应用程序图标。
• trayIcon：系统托盘图标路径。
• showMenuBar：是否显示菜单栏。

配置文件的具体设置可根据用户需求进行调整，以满足不同场景的使用。