使用NW.js把B/S应用做成跨平台桌面应用

图1（图来自互联网，网友谭枫888开发应用）

简单介绍：

NW.js 是基于 Chromium 和 Node.js 运行的，以前叫nodeWebkit。这就给了你使用HTML和JavaScript来制作桌面应用的可能。在应用里你可以直接调用Node.js的各种api以及现有的第三方包。因为Chromium和 Node.js 的跨平台，那么你的应用也是可以跨平台的。

下面是在windows平台上开发，采用html样子来自网络。

1.下载NW.js NORMAL版本，目前有两个版本，最新版和稳定版。

2.下载成功后，解压目录如图2：

PS：start.bat文件时我自己加的一个文件，目的接下来给大家介绍。

双击nw.exe可以看到应用默认效果。

3.新建文件夹，文件夹中根目录下一定包含package.json这个文件，这个文件是应用的配置，常用配置如下：

{
    "main": "index.html",
    "name": "名字",
    "description": "描述",
    "version": "1.0",
    "window": {
        "toolbar": false,
        "resizable": false,
        "width": 800,
        "height": 500

    }
}

还有其他属性窗口外观常用属性包括：

title : 字符串，设置默认 title。
width/height : 主窗口的大小。
toolbar : bool 值。是否显示导航栏。
icon : 窗口的 icon。
position :字符串。窗口打开时的位置，可以设置为“null”、“center”或者“mouse”。
min_width/min_height : 窗口的最小值。
max_width/max_height : 窗口显示的最大值。
resizable : bool 值。是否允许调整窗口大小。
always-on-top : bool 值。窗口置顶。
fullscreen : bool 值。是否全屏显示。
show_in_taskbar : 是否在任务栏显示图标。
frame : bool 值。如果设置为 false，程序将无边框显示。

其他html+css+js一样放在文件夹根目录里面中。

4.把文件夹拉到nw.exe文件上运行成功。

5.打包，把文件夹压缩为zip文件，修改后缀为.nw，使用我写的bat文件，创建出一个可执行文件。

自行修改文件夹地址，正对自己所放的文件，和Cube-master.nw 这个文件名称。

@Echo Off 
D:
cd D:\NWJS\nwjs-v0.12.3-win-x64\nwjs-v0.12.3-win-x64
copy /b nw.exe+Cube-master.nw Cube-master.exe
CMD

下面提供一个我自己写的应用，仅供参考，未做太多处理，相当于简单的示例。

http://pan.baidu.com/s/1qXbKsmK

使用NW.js把B/S应用做成跨平台桌面应用

文章评论