簡(jiǎn)介:
nwjs是NodeJS的一個(gè)框架疾瓮,也叫nodeWebkit尘颓,基于Chromium和NodeJS運(yùn)行佃声。
適用:
使用HTML和JavaScript構(gòu)建簡(jiǎn)單的跨平臺(tái)應(yīng)用菲嘴。這里以在Linux下搭建輕量級(jí)webapp為例。
思路:
1蚌吸,nwjs本質(zhì)上是一個(gè)瀏覽器的外殼锈拨,可以用來封裝目標(biāo)對(duì)象;
2羹唠,使用HTML+CSS控制頁(yè)面布局奕枢,結(jié)構(gòu)和樣式;
3佩微,使用Js控制頁(yè)面交互及效果缝彬;
4,使用package.json控制應(yīng)用基本信息哺眯;
流程:
1谷浅,安裝NodeJS及nw(流程略);
2,搭建本地應(yīng)用目錄一疯,nwjs所需要的項(xiàng)目目錄結(jié)構(gòu)為app/*.html和app/package.json撼玄,期中app/為項(xiàng)目目錄;
3墩邀,課根據(jù)實(shí)際需求適當(dāng)拓展項(xiàng)目目錄掌猛;
例:
一個(gè)簡(jiǎn)單的package.json控制的應(yīng)用主體:
{
"name":"微信",
"main":"wechat.html",
"author":"separes",
"window":{
"title":"微信",
"resizable":false,
"toolbar":false,
"width":1000,
"height":700
}
}
一個(gè)簡(jiǎn)單的使用iframe封裝的微信第三方頁(yè)面wechat.html:
<style>
html,body{
height:100%;
}
</style>
<iframe src="https://wx.qq.com/" height="100%" width="100%" >
使用nw app/ 加載應(yīng)用.