1.node-webkit是什么?
NW.js is an app runtime based on Chromiumand node.js. You can write native apps in HTML and JavaScript with NW.js. Node-Webkit的運(yùn)行條件是基于 Chromium(谷歌瀏覽器引擎)和node.js。nw.js使得你可以使用html與js編寫本地應(yīng)用。 *NW.js是Node-Webkit的簡稱
2.下載node-webkit https://github.com/nwjs/nw.js
找到如圖:
按需下載。
下載完成后是個壓縮包。解壓即可。
然后看到nw.exe文件:
雙擊運(yùn)行一下,看是否正常:
黑黑的還是挺酷的!
3.編寫第一個示例,這個https://github.com/nwjs/nw.js都有,很簡單。直接照著來就行。
4.結(jié)合我之前做的nodejs掃描文件,每次ctrl b嫌麻煩,這里就打成一個包來直接雙擊運(yùn)行。
在與nw.exe文件的同目錄下,新建一個test文件夾。
里面放著的目錄:
app.js:是之前的掃描文件。 package.json: {"name":"zqz", //這里的name屬性很重要,類似唯一標(biāo)示。不可少!"main":"index.html", //窗口要渲染的文件"nodejs":true, //true,為啟用nodejs"node-main":"app.js", //nodejs的入口文件"window":{ //簡單的設(shè)置了一個屬性"width":800,"height":500} } index.html: <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Frist Web Desk App</title></head><body> <h1>掃描切歸并成功!</h1> </body><script type="text/javascript" src="app.js"></script></html> 步驟一: 將上面三個文件右鍵壓縮成一個以.zip為后綴的文件。 步驟二:將test.zip文件直接copy到與nw.exe同級的文件中 然后直接將test.zip拖拽到nw.exe上。這樣可以直接執(zhí)行。雖然這樣方便,但是不酷!所以say no~ 步驟三:將nw.exe文件與test.zip文件合并成一個文件 在命令行中進(jìn)行如圖的操作: nw.exe一定要在test.zip之前! 最后,牛逼的exe生成了! 讓我們雙擊它! 我現(xiàn)在桌面上有很多截圖: 當(dāng)當(dāng)當(dāng)當(dāng)~~~~ 桌面干凈了! 但是??!我還是覺得不夠酷!為什么?因?yàn)槲蚁氚l(fā)給別人來裝X!哈哈 所以我們可以下載一個這個打包軟件:http:///assets/files/enigmavb.exe Add:選中我們文件夾中除了test文件夾。 然后將我們的scanDeskImg_boxed.exe文件復(fù)制到桌面,看看能不能運(yùn)行成功,如果運(yùn)行成功,說明你可以盡情的裝X了! **問題一: 我在桌面上第一次運(yùn)行失敗,報需要locales文件夾。 所以我將locales文件copy到桌面,然后就可以了! 可能是我文件中有中文的問題。 問題二:打包后的文件太大: |
|