Node-webkit结合Express实现路由

1、 安装Node.js运行环境及nwjs框架。

2、 在本地新建一个名为 node-wbkit 的文件夹，可自定义名称，将解压后的 nwjs 全部文件复制到该文件夹中即可。

3、 在文件夹中新建一个项目目录，此处将其命名为APP。

4、 使用Sublime打开编辑器，将项目文件导入其中进行编辑。

5、 在app文件夹中新建一个package.json文件，打开后编辑其入口配置信息。将main字段指向当前目录下的index.html，表明该文件为应用的启动页面。因此，需在app目录下同步创建index.html文件，作为程序的静态首页。

6、 在index.html中编写页面代码，打开命令提示符，进入项目所在目录。

7、 注意项目名称指的是总项目的文件夹，而非app目录，应位于node-webkit文件夹内。

8、 在命令提示符中输入nw app并回车，其中app为项目文件夹名称，即可启动一个基于Webkit的桌面浏览器窗口。

9、 进入app目录后，执行npm install express命令来安装Express模块，以便实现路由功能。安装过程中，系统会自动在app目录下创建node_modules文件夹，用于存放Express及相关依赖文件，为后续的路由配置和服务器搭建提供支持。

10、 此处采用 Jade 模板引擎，需通过 npm install jade 命令进行安装。在 app 目录中新建名为 node-view 的视图文件夹，并在该文件夹内创建 index.jade 文件，用于编写页面模板内容，实现视图层的结构与展示逻辑。

11、 在应用的根目录中新建一个名为app.js的JavaScript文件。

12、 引入Express框架，编写路由和视图逻辑，具体实现细节此处不再详述。

13、 最关键的部分在于：Express 的本地服务地址为 http://localhost:3000，只有通过该地址才能访问其路由。基于这一点，我们可以从应用根目录下的 index.html 入手进行处理。因为当执行 nw app 命令启动应用时，程序默认加载的就是 app 目录中的 index.html 文件。因此，只需确保该文件能够正确指向并连接到 Express 服务，即可实现页面与后端路由的顺利通信，从而完成前后端的协同工作。

14、 删除index.html中的全部代码，添加script标签，修改浏览器地址栏的链接即可完成操作。

15、 先引入根目录下的app.js文件。

16、 将当前页面跳转至本地3000端口的服务地址。

17、 查看我们的express路由，访问根目录时返回的是index.jade页面文件。

18、 查看index.jade文件内容

19、 运行结果显示，Express路由可正常访问，说明通过Node-Webkit与Express结合开发桌面应用已成功实现。后续还可采用Electron与Express配合的方式，进一步拓展桌面程序的开发模式，提升功能性和灵活性，为桌面应用提供更强大的后端支持。