想必只要是在前端這個(gè)領(lǐng)域混跡的同學(xué)都差不多都聽說過或者是玩過nw.js嵌莉,我在前兩年第一次聽說可以使用js來開發(fā)跨平臺(tái)的桌面應(yīng)用的時(shí)候真的是被她深深地吸引住了,那種感覺就像是在一片茫茫的人海中發(fā)現(xiàn)了一個(gè)令自己難以割舍的妹子一樣苟鸯,一步步地去靠近她豫领,然后慢慢的了解她栓撞,最后愛上她纪隙。
可能在所有人追求一個(gè)妹子的時(shí)候赊豌,都會(huì)有這樣的一種感覺:在每一天的每一個(gè)小時(shí)的每一分鐘,心中所想的全是她绵咱,想要知道她的過往碘饼,她的現(xiàn)在,她的喜好悲伶,乃至于她的一切艾恼,就算是讓我用盡生命里的每一分鐘去盯著她,看著她麸锉,只要和她在一起都是一種幸福钠绍。我對(duì)于nwjs的感覺,就是這么地奇妙花沉,我在互聯(lián)網(wǎng)的海洋中去細(xì)致的搜索關(guān)于它所有的消息柳爽,她過去的名字很長,叫做Node Webkit碱屁,可能是她老爸叫node磷脯,她媽媽叫webkit,然后兩個(gè)人一結(jié)合生的孩子為了方便就把父母的名連在了一起當(dāng)作了她的名字娩脾,可能隨著時(shí)間的推移和她年齡的增長赵誓,她自己覺得名字可能太長了,對(duì)于一些喜歡她的人來說叫起來(或者是給她寫一封情書)的時(shí)候都會(huì)很麻煩柿赊,于是就把自己的名字改掉了俩功,變成了nw.js。但是她只是名字改變了碰声,她還是她诡蜓,她還是繼承了父母的基因,繼承了父母給她遺傳的一切奥邮,繼承自她老爸node的一些地方可以用來做一些本地化操作万牺,繼承自她媽webkit的一些地方可以用來做DOM處理。當(dāng)然洽腺,作為一個(gè)妹子脚粟,她每天都在想怎么去更簡單的去化妝,而不是把很多時(shí)間都浪費(fèi)在化妝上蘸朋,于是核无,她還是把繼承自老媽的一些基因給發(fā)揮了出來,使用html藕坯,css來輕松的讓自己更漂亮团南!
當(dāng)然噪沙,上面這些都是一些很表面的介紹,我作為一個(gè)生在新中國吐根,長在紅旗下正歼,走在春風(fēng)里的21世紀(jì)的前端攻城獅,我不能局限在這個(gè)表面拷橘,我們所有人的一切遺傳信息都存放在DNA中局义,這個(gè)令我徹夜難眠的妹子的DNA有一個(gè)特別的名字:package.json,我就來解讀一下她的這些信息冗疮!
在她的package.json中大致有這些屬性:
{
"name": "a beautiful girl", // 程序名稱
"main": "index.html", // 入口文件
"version": "1.0", // 版本號(hào)
"window": { // 窗體設(shè)置
"height": 300, // 高度
"width": 360, // 寬度
"show": true, // 是否打開程序立即顯示窗體
"title": "nw.js", // 標(biāo)題信息
"toolbar": true, // 是否有工具條
"frame": true, // 是否包含框架
"resizable":false, // 是否可以放大縮小
"icon": "./icon.png", // 圖標(biāo)
"transparent":false // 背景是否透明
}
}
當(dāng)我了解了這些屬性之后萄唇,我頓時(shí)感覺我要化身一個(gè)生物科學(xué)家了,我要Get到她术幔,那么我要克隆她另萤!
于是我就從偉大的互聯(lián)網(wǎng)上找到了一份克隆的機(jī)器(nw.js的開發(fā)包,下載地址)诅挑,然后自己創(chuàng)建了一個(gè)她的“DNA”(package.json)四敞,把她的身體外表(使用html和css來搭建UI)、她的行為動(dòng)作(使用js來實(shí)現(xiàn)功能處理)統(tǒng)統(tǒng)的組合到了main所指引的地方(入口文件)揍障,然后把它們打包壓縮(產(chǎn)生了一個(gè)zip的壓縮包)目养,為了能使用網(wǎng)上下載的克隆工具,把它變?yōu)榱艘粋€(gè)nw的包(把.zip擴(kuò)展名改為了.nw)毒嫡,最后使用從網(wǎng)上下載的克隆機(jī)器(我是在windows上面開發(fā)的癌蚁,所以用的是nw.exe)進(jìn)行處理(命令行執(zhí)行nw app.nw),最后就得到了一個(gè)屬于我自己的她~
我基于nw.js做了一個(gè)簡單的可視化web服務(wù)器的示例,windows 7環(huán)境開發(fā)的
示例下載地址:http://pan.baidu.com/s/1o8QvJ3W
當(dāng)然這個(gè)是沒有編譯的版本兜畸,需要使用命令行進(jìn)到目錄里面執(zhí)行: nw server
如果想要編譯打包成exe可執(zhí)行文件努释,可以執(zhí)行命令:copy /b nw.exe+server.nw server.exe