本文介绍了如何从基础的‘HelloWorld’页面开始，使用nw.js构建一个Node项目。首先，下载SDK版本的nw.js并创建app文件夹放置代码。接着，创建并配置package.json，包括设置项目的名称和主页面路径。然后，通过npm安装express，建立基本的目录结构。在app.js中编写服务器代码，并在index.html中发送请求。最后，更新package.json的'node-main'字段，使app.js成为入口点，成功实现服务器的运行。
在网上找了很多nw.js快速开始的教程，很大一部分都是通过最基本的index.html和package.json来访问“hello world”页面。这里我简单得介绍下在“hello world”基础上更进一步的过程。
(1)下载nw.js
登陆官网nwjs.io,有normal和SDK两个下载版本。在开发中，我们选择SDK的版本，因为它有开发者调试的功能。
下载完毕后解压，我们就会看到nw.js默认的目录
新建app文件夹，我们的代码都会放在这
(2)简单的hello world
在app文件夹中新建index.html
新建package.json,其中“name”和“mian”都是必须的，项目启动时，首先会进入package.json查看配置信息。name表示客户端的名字，必须唯一；mian是初始页面的路径
拖拽app文件夹到nw.exe运行文件
打包的过程不再多说，网上有很多教程：压缩成app.nw，然后执行copy /b nw.exe+app.nw nw-demo.exe
(3)构建node项目
命令行进入app文件夹，执行 npm install express --save,安装express,生成node的依赖包node-modules,如图
继续新建app.js(node项目启动文件),public(静态资源)等等，这里只是简单演示。有几个步骤：1. 把index.html移到public文件夹下
2. 修改package.json中的“mian”为 "public/index.html"
目录结构如下：
再次拖拽运行，没有问题
(4)编写app.js，开启服务器；编写index.html发送请求在package.json中添加 "node-main":"app.js"
再次拖拽运行，右击开启开发者模式，点击“get”,响应成功
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
