使用NW.js搭建簡單的webapp

簡介:

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

適用:

使用HTML和JavaScript構(gòu)建簡單的跨平臺應(yīng)用。這里以在Linux下搭建輕量級webapp為例。

思路:

1,nwjs本質(zhì)上是一個瀏覽器的外殼,可以用來封裝目標(biāo)對象;
2,使用HTML+CSS控制頁面布局,結(jié)構(gòu)和樣式;
3,使用Js控制頁面交互及效果;
4,使用package.json控制應(yīng)用基本信息;

流程:

1,安裝NodeJS及nw(流程略);
2,搭建本地應(yīng)用目錄,nwjs所需要的項目目錄結(jié)構(gòu)為app/*.html和app/package.json,期中app/為項目目錄;
3,課根據(jù)實際需求適當(dāng)拓展項目目錄;

例:

一個簡單的package.json控制的應(yīng)用主體:

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

一個簡單的使用iframe封裝的微信第三方頁面wechat.html:

<style>
html,body{
height:100%;
}
</style>
<iframe src="https://wx.qq.com/" height="100%" width="100%" >

使用nw app/ 加載應(yīng)用.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容