Node-Webkit打包


1.node-webkit是什么?
NW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScript with NW.js. 
Node-Webkit的運行條件是基於Chromium(谷歌瀏覽器引擎)和node.js。nw.js使得你可以使用html與js編寫本地應用。
 
*NW.js是Node-Webkit的簡稱
 
 
2.下載node-webkit https://github.com/nwjs/nw.js
找到如圖:
  
按需下載。
下載完成后是個壓縮包。解壓即可。
然后看到nw.exe文件:
雙擊運行一下,看是否正常:
 
黑黑的還是挺酷的!
 
3.編寫第一個示例,這個https://github.com/nwjs/nw.js都有,很簡單。直接照着來就行。
 
4.結合我之前做的nodejs掃描文件,每次ctrl+b嫌麻煩,這里就打成一個包來直接雙擊運行。
在與nw.exe文件的同目錄下,新建一個test文件夾。
 
里面放着的目錄:
 
app.js:是之前的掃描文件。
package.json:
{
    "name":"zqz", //這里的name屬性很重要,類似唯一標示。不可少!
    "main":"index.html", //窗口要渲染的文件
    "nodejs":true,    //true,為啟用nodejs
    "node-main":"app.js", //nodejs的入口文件
    "window":{    //簡單的設置了一個屬性
        "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上。這樣可以直接執行。雖然這樣方便,但是不酷!所以say no~
 
步驟三:將nw.exe文件與test.zip文件合並成一個文件
在命令行中進行如圖的操作:
 
 
nw.exe一定要在test.zip之前!
最后,牛逼的exe生成了!
 
讓我們雙擊它!
 
我現在桌面上有很多截圖:
 
當當當當~~~~
桌面干凈了!
 
但是!!我還是覺得不夠酷!為什么?因為我想發給別人來裝X!哈哈
所以我們可以下載一個這個打包軟件:http://enigmaprotector.com/assets/files/enigmavb.exe
 
 
Add:選中我們文件夾中除了test文件夾。
 
 
 
然后將我們的scanDeskImg_boxed.exe文件復制到桌面,看看能不能運行成功,如果運行成功,說明你可以盡情的裝X了!
 
**問題一:
我在桌面上第一次運行失敗,報需要locales文件夾。
所以我將locales文件copy到桌面,然后就可以了!
可能是我文件中有中文的問題。
 
問題二:打包后的文件太大:
 
 
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM