Node-Webkit打包

時間 2020-08-10

標籤 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的簡稱

文檔地址： http://docs.nwjs.io/en/latest/

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生成了！

讓咱們雙擊它！

我如今桌面上有不少截圖：

噹噹噹當~~~~

桌面乾淨了！