NW.js初体验 – 实现本博客的客户端

最新发现了个神器,NW.js(http://nwjs.io),可以使用 html 开发桌面版APP,使用了webkit内核。没猜错,因为是webkit,它当然是跨平台的。

可能有人会喷这有什么卵用,如果集成了nodejs的环境呢,试想一下,它支持上万种npm库,这个他已经实现了。

又有人来喷这么牛X,怎么没见人用呢?那是因为你没有关注而已,PC版本微信、微信web开发者工具 都是使用它开发的。

有优点也有缺点,缺点就是 体积太过于庞大,随便写个hello world都近百兆。

查阅他的资料,不到几分钟,就完成了一个小程序 – 本博客的PC客户端。源码已经打包成 zip文件(www.miaoqiyuan.cn/products/nwjs-blog.zip),使用时 先下载 nw-js后,使用 nw nwjsapp.zip 即可启动。

package.json 的内容如下:

{
  "name": "APP1", //显示在 windows 任务栏中的名字,同时也是弹窗的名称
  "main": "http://www.miaoqiyuan.cn", //启动页面
  "homepage": "http://www.miaoqiyuan.cn",
  "description": "NW.js演示程序",
  "window": {
    "title": "新窗口", //如果 html中,没有指定 <title>,使用此名字
    "icon": "image/icon.png", //任务栏中和标题栏中的图标
    "position": "center", //启动位置
    "min_width": 320, //窗口最小尺寸
    "min_height": 600,
    "width": 1280, //初始窗口大小
    "height": 680,
    "max_width": 1920, //窗口最大尺寸
    "max_height": 1080,
    "resizable": true, //是否可以调整窗口大小
    "always-on-top": true, //窗口置顶,测试没用
    "fullscreen": false, //全屏
    "frame": true //是否显示边框和标题栏
  }
}

每次使用 nw 命令启动比较麻烦,还可以 windows 自带的 copy 命令,以二进制方式合并为一个文件,发给别人是将整个文件夹打包就可以了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注