使用NW.js搭建简单的webapp

简介:

nwjs是NodeJS的一个框架,也叫nodeWebkit,基于Chromium和NodeJS运行。

适用:

使用HTML和JavaScript构建简单的跨平台应用。这里以在Linux下搭建轻量级webapp为例。

思路:

1,nwjs本质上是一个浏览器的外壳,可以用来封装目标对象;
2,使用HTML+CSS控制页面布局,结构和样式;
3,使用Js控制页面交互及效果;
4,使用package.json控制应用基本信息;

流程:

1,安装NodeJS及nw(流程略);
2,搭建本地应用目录,nwjs所需要的项目目录结构为app/*.html和app/package.json,期中app/为项目目录;
3,课根据实际需求适当拓展项目目录;

例:

一个简单的package.json控制的应用主体:

{
"name":"微信",
"main":"wechat.html",
"author":"separes",
"window":{
"title":"微信",
"resizable":false,
"toolbar":false,
"width":1000,
"height":700
}
}

一个简单的使用iframe封装的微信第三方页面wechat.html: