您的足迹:首页 > 未分类 >使用NW.js把B/S应用做成跨平台桌面应用

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

开发效果图.png

图1(图来自互联网,网友谭枫888开发应用)

简单介绍:

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


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


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


2.下载成功后,解压目录如图2:

目录.png

图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


本博客所有文章如无特别注明均为原创。作者:cc复制或转载请以超链接形式注明转自 我的博客
原文地址《使用NW.js把B/S应用做成跨平台桌面应用

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)